5 HTML tipp egy gyorsan betöltő, ingyenes weboldal létrehozásához

Hirdetés

Az én HyperText Markup LAz anguage (HTML) készségek bizonyos szempontból rozsdásak, de talán ez felel meg a cikknek. Akkoriban, amikor barátok Még mindig a tévében volt, és az AOL napi ingyenes poháralátéteket és mini-frisbiseket küldött, weboldalakat készítettem, hogy betöltsem a telefonos modemeket. Az idő múlásával arra gondoltam, hogy még mindig nagyon sok ember van nem szélessávú (telefonos) kapcsolattal, és ennek alapján folytattam weboldalak tervezését.

Végül feladtam webdesign és fejlesztés Szeretne tanulni a webdizájnról? 7 YouTube-csatorna az induláshozA YouTube-on több ezer videó és csatorna található a webdesign kezdője számára. Itt az alábbiak közül néhányat tekintünk meg az induláshoz. Olvass tovább amikor a tartalom minősége kezdett oldalra tolódni a tartalom mennyiségével. Flash-helyek, sok kép, pop-up, pop-under, csúszkák stb. Bízzon a minőségi tartalomban, és nincs szüksége erre a bolygóra. Bízzon a tartalmában, és weboldala látszólag gyorsan elkészíthető.

Egy ingyenes szolgáltatással üzemeltetett webhelynél gyorsabb

egyértelműen jobb. Miért? Mivel az „ingyenes” sok embert vonz, és a szervernek ki kell mosnia az Ön oldalát, valamint több ezer olyan oldal, amely nem lett optimalizálva. Olyan ez, mint megpróbálni átadni a Kenworths pullin naplóinak konvoját a Jimmy haulin disznókkal. De ha van egy kis Porsche, akkor ezt sokkal könnyebb megtenni.

Íme néhány tipp a zsír levágására, nem külön sorrendben.

1. A táblázatokat takarékosan használja

Az asztalok fogók-22. Az elején a tervezés elrendezésére és a tartalom táblázatos formázására használták őket. Ahogy a tervezési elrendezések bonyolultabbá váltak, az asztalok nagyobbek lettek és mélyebben beágyazódtak, és ez mindig azt jelenti, hogy lelassul a betöltési idő.

Cascading Style Sa heets (CSS) jött létre, és valóban elősegítette a táblák elrendezésben való használatának problémáját. Sajnos a böngésző készítői nem úgy tűnt, hogy a fejüket körvonalazzák a szabványok elképzelése körül - és még mindig nem tehetik meg. Ami jól néz ki a CSS-ben a Firefoxban, úgy nézett ki, mint egy kutya reggelizése az IE-ben, és valószínűleg még a Safariben sem. Ne kezdje el elkezdeni IE5 Mac számítógépen. Ennek kapcsán még mindig terápiában vagyok.

Csak olyan táblázatokat használjon a tartalom elrendezéséhez, amelyeknek a-ban kell lennie táblázatos formátumban Táblázatkészítő: HTML táblázat létrehozása az Excel táblázatból Olvass tovább - például árjegyzék vagy jégkorong statisztika. Ez csökkenti az asztalok számát és a fészkelés mélységét, ami gyorsabb terhelési időket jelent. Tanulás CSS A CSS Online elsajátításához szükséges öt legfontosabb webhely Olvass tovább nagy változást jelent, ha divatos elrendezésre van szüksége.

2. Használja a HTML-t a szín létrehozásához

Igen, kanadai vagyok, tehát színes egy "u" számmal. Tudom, hogy a HTML Amerika-központú, tehát az attribútum „színes”. Tanulja meg hexekimális színkódok és felhasználhatja a képek helyett a tartalom felélénkítésére.

Próbáljon hozzáadni a színes attribútumot a HTML elemekhez, hogy fűszerezze. Ez különösen jól működik a táblákban vagy a testcímkékben, például:

Ha böngésző lenne, gyorsabban tudna betölteni egy egyszerű 7 karaktert #FF00FF vagy 10x10 pixel kép a színes fuschia-ról néhány ezer alkalommal? Ez egy retorikus kérdés, te a hátsó sorban. Tedd le a kezed.

3. Link szkriptekhez / stíluslapokhoz

Ha használ egy bizonyos JAvaScript (JS) vagy CSS többször a webhelyén, gondoljon a saját fájl létrehozására és meghívására, ahelyett, hogy minden oldalra feltenné. Mivel a böngésző hajlandó gyorsítótárazni egy fájlt, és előbb felhívja azt a fájlt, mielőtt ellenőrizné a kiszolgálón, a böngészőben már lesz ez a szkript vagy CSS használatra kész. Ez kevesebbet jelent HyperText Transfer Protocol (HTTP) hívások, ami gyorsabb betöltési oldalt jelent.

Külső JavaScript hívása:

–>

Miért tettem ezeket a megjegyzéscímkéket a JavaScript felhívására? Mivel nem minden böngésző van beállítva a szkriptek olvasására. A megjegyzéscímkék hozzáadása miatt a letiltott szkriptekkel rendelkező böngészők csak átugorják azt, nem pedig bosszantó hibaüzeneteket jelenítenek meg.

Külső lépcsőzetes stíluslap hívása:

Ez ennyire egyszerű. A href attribútum adja meg a stíluslap helyét. A többi attribútum megmondja a böngészőnek, mi ez a fájl, tehát tudja, mit kell tenni vele.

Egyes fejlesztők használhatják a @import módszer a stíluslap hívásához. Az Internet Explorerben ez olyan, mintha megvan a saját címkével a fájl alján, az egész oldal betöltését eredményezi, majd a stílusokat megjeleníti rajta. Nem jó.

4. Egyesítse a gyakran használt szkripteket egy fájlba

Sok webfejlesztő újra és újra ugyanazokat a szkripteket fogja használni. Lehet, hogy van egy óra-szkript és egy naptár-szkript, és talán valamiféle speciális effektus szkript, amelyet minden oldalon használnak. Ahelyett, hogy 3 különálló fájl, 3 különálló HTTP-hívással lenne, tegye a szkripteket egy fájlba, és hívja egyszer. Ez 66% -kal csökkenti a HTTP hívásokat, és gyorsítótárba kerül. Te sebességed démon, te! Mielőtt újra felemeli a kezét, igen, ugyanezt teheti a CSS fájlokkal.

5. Ne használja a HTML-t a képek méretének megváltoztatásához

Ha 1000 × 1000 képpontos képet szeretne használni a weboldalán, de azt akarja, hogy csak 250 × 250 képpont méretű legyen, módosítsa azt egy képszerkesztőben. Vannak olyanok, akik HTML formátumban "zsugorítják" a képet:

Ha ez az 1000 × 1000 képpont méretű kép 2 MB fájlméretű, akkor a HTML formátummal történő átméretezése nem csökkenti a fájlméretét! Valójában hosszabb időt vehet igénybe a betöltés, mert most a böngészőnek 10 font kakukkot kell betennie egy 2 fontos zsákba, hogy úgy mondjam. Nem könnyű feladat.

Remélhetőleg ezek a tippek segítenek. Adj egy kiabálást a megjegyzésekben, ha ezeket használja, vagy van más HTML-optimalizáló ötlete, amelyet megoszthat.