Reklama

5 HTML tipov na vytvorenie rýchleho načítania webových stránok zdarma htmlmôj HyperText Markup LAnguage (HTML) zručnosti sú pre istotu hrdzavé, ale možno to ma kvalifikuje pre tento článok. Späť v deň, keď Priatelia bol stále v televízii a AOL vysielala denne bezplatné tácky a mini-frisbees, vytváral som webové stránky na načítanie modemov dial-up. Ako čas plynul, mal som nervy na to, aby som si myslel, že stále existuje veľa ľudí bez širokopásmového (dial-up) pripojenia a na základe toho som pokračoval v navrhovaní webových stránok.

Nakoniec som sa vzdal návrh a vývoj webových stránok Chcete sa naučiť Web Design? 7 kanálov YouTube, ktoré vám pomôžu začaťYouTube má tisíce videí a kanálov pre začiatočníkov s webovým dizajnom. Tu sa pozrieme na niektoré z najlepších na začiatok. Čítaj viac keď sa kvalita obsahu začala tlačiť na stranu podľa množstva obsahu. Stránky Flash, veľa obrázkov, kontextové okná, rozbaľovacie okná, posúvače atď. Dôverujte kvalitnému obsahu a nepotrebujete tento chmýř. Dôverujte svojmu obsahu a svoju webovú stránku môžete urobiť rýchlo.

instagram viewer

S webovou stránkou, ktorá je hosťovaná bezplatnou službou, je rýchlejšia rozhodne lepší. Prečo? Pretože „bezplatný“ má tendenciu prilákať veľa ľudí, server musí doladiť vašu stránku a tisíce ďalších stránok ľudí, ktoré nie sú optimalizované. Je to ako pokúsiť sa prejsť konvojom Kenworthovcov, ktorí vytiahnu záznamy s ošípanými Jimmyho. Ale ak máte malého Porsche, bude to oveľa jednoduchšie robiť.

Tu je niekoľko tipov na úpravu tuku v žiadnom konkrétnom poradí.

1. Tabuľky používajte striedmo

Tabuľky sú úlovok-22. Spočiatku sa používali na rozloženie dizajnu, ako aj na vloženie obsahu do tabuľky. Keď sa rozloženia návrhu stali zložitejšími, tabuľky sa zväčšili a prehĺbili, čo vždy znamená spomalenie času načítania.

Cascading Style Sheets (CSS) prišlo a skutočne pomohlo problému použitia tabuliek na rozloženie. Zdá sa však, že tvorcovia prehľadávačov nedokázali zabaliť hlavu okolo myšlienky noriem - a stále to nedokážu. To, čo vyzeralo skvele v CSS vo Firefoxe, vyzeralo ako psie raňajky v IE a možno sa ani v prehliadači Safari nevykreslilo. Nenechajte ma začať IE5 na počítačoch Mac. Nad tým som stále v terapii.

Použite tabuľky iba na rozloženie obsahu, ktorý musí byť v a tabuľkový formát Tableizer: Generovanie HTML tabuľky z tabuľky Excelu Čítaj viac - napríklad cenník alebo hokejové štatistiky. To znižuje počet tabuliek a hĺbku hniezdenia, čo znamená rýchlejšie načítanie. Učenie CSS Top 5 stránok, ktoré sa majú naučiť CSS online Čítaj viac bude to veľký rozdiel, ak musíte mať efektné rozloženie.

2. Na vytvorenie farby použite HTML

Áno, som Kanaďan, takže je to farba so mnou. Viem, že HTML je zamerané na Ameriku, takže atribút je „farba“. Naučte sa hexidimálne farebné kódy a použiť ich na oživenie obsahu namiesto obrázkov.

Ak chcete okoreniť, skúste do prvkov HTML pridať atribút farby. Funguje to zvlášť dobre v tabuľkách alebo v značke tela, napríklad:

Keby ste boli prehliadačom, rýchlejšie načítanie jednoduchých 7 znakov z #FF00FF alebo 10 × 10 pixelový obrázok farebnej fuschie niekoľko tisíc krát? To je rétorická otázka, vy v zadnom rade. Polož svoju ruku dolu.

3. Odkaz na skripty / šablóny štýlov

Ak používate určité JavaSCript (JS) alebo CSS opakovane na celom webe, zamyslite sa nad vytvorením vlastného súboru a jeho zavolaním, namiesto toho, aby ste ho umiestnili na každú stránku. Pretože prehliadač má tendenciu ukladať súbor do vyrovnávacej pamäte a tento súbor najskôr zavolať pred kontrolou na serveri, váš prehliadač už bude mať daný skript alebo CSS pripravený na použitie. To znamená menej HyperText Tředávání Protocol (HTTP) hovory, čo znamená rýchlejšie načítanie stránky.

Ako volať externý JavaScript:


–>

Prečo som umiestnil tieto značky komentárov okolo výzvy na používanie JavaScriptu? Pretože nie každý prehliadač je nastavený na čítanie skriptov. Pridaním značiek komentárov prehliadače so zakázaným skriptovaním jednoducho preskočia, namiesto toho, aby dávali nepríjemné chybové správy.

Ako volať externý kaskádový štýl:

Je to také jednoduché. Atribút href je miesto, kde nastavíte umiestnenie svojho štýlu. Zvyšok atribútov hovorí prehliadaču, čo je to za súbor, takže vie, čo s ním má robiť.

Niektorí vývojári môžu používať @import metóda na volanie šablóny so štýlmi. V prehliadači Internet Explorer je to ako mať značka v dolnej časti súboru, čo spôsobí, že načíta celú stránku a potom na ňu vykreslí štýly. Nie dobré.

4. Kombinujte bežne používané skripty do jedného súboru

Mnoho vývojárov webu bude stále a znova používať rovnaké skripty. Možno existuje skript s hodinami a kalendár a možno aj nejaký skript so špeciálnymi efektmi, ktorý budú používať na každej stránke. Namiesto toho, aby ste mali 3 samostatné súbory a 3 samostatné hovory HTTP, dajte skripty do jedného súboru a raz ho zavolajte. To zníži vaše hovory HTTP o 66% a tiež sa uloží do vyrovnávacej pamäte. Ty rýchlosť démon, ty! Predtým, ako zdvihnete ruku, môžete urobiť to isté so súbormi CSS.

5. Na zmenu veľkosti obrázkov nepoužívajte HTML

Ak chcete na svojej webovej stránke použiť obrázok s rozmermi 1 000 × 1 000 pixlov, ale chcete, aby mal iba 250 × 250 pixlov, zmeňte ho v editore obrázkov. Niektorí ľudia „zmenšia“ obrázok pomocou HTML, ako je napríklad:

Ak má tento obrázok 1 000 × 1 000 pixelov veľkosť súboru 2 MB, zmena jeho veľkosti pomocou HTML nezmenší veľkosť súboru! V skutočnosti môže načítanie trvať dlhšie, pretože teraz musí prehliadač vložiť do vrecka s 2 librámi 10 kilogramov hovienka. Nie je to ľahká úloha.

Dúfajme, že vám tieto tipy pomôžu. Ak ich používate, alebo ak máte nejaké ďalšie nápady na optimalizáciu HTML, ktoré chcete zdieľať, dajte mi komentár.

S viac ako 20-ročnými skúsenosťami v oblasti IT, školení a technických odborov je mojou túžbou podeliť sa o to, čo som sa naučil, s kýmkoľvek iným, kto sa chce učiť. Snažím sa robiť najlepšiu možnú prácu najlepším možným spôsobom as trochou humoru.