5 HTML tipů pro vytvoření rychlého načítání webových stránek zdarma

reklama

Můj HyperText Markup Language (HTML) dovednosti jsou rezavé pro jistotu, ale možná to mě kvalifikuje pro tento článek. Zpět v den, kdy Přátelé byl stále v televizi a AOL denně rozesílal bezplatné tácky a mini-frisbees, vytvářel jsem webové stránky, které se nahrávaly modemy vytáčeného připojení. Postupem času jsem měl nervy na to, abych si myslel, že stále existuje spousta lidí s ne-širokopásmovým (dial-up) připojením a na základě toho jsem pokračoval v navrhování webových stránek.

Nakonec jsem se vzdal návrh a vývoj webu Chcete se naučit Web Design? 7 kanálů YouTube, které vám pomohou začítYouTube má tisíce videí a kanálů pro začátečníky s webovým designem. Zde se podíváme na některé z nejlepších, jak začít. Přečtěte si více když se kvalita obsahu začala tlačit na stranu podle množství obsahu. Flashové weby, spousta obrázků, vyskakovací okna, vyskakovací okna, posuvníky atd. Věřte svému kvalitnímu obsahu a toto chmýření nepotřebujete. Věřte svému obsahu a můžete udělat svůj web ohromně rychle.

S webem, který je hostitelem bezplatné služby, je rychlejší rozhodně lepší. Proč? Protože „zdarma“ má tendenci přilákat mnoho lidí a server musí umísťovat vaši stránku a tisíce stránek jiných lidí, které nejsou optimalizovány. Je to jako snažit se projít konvojem Kenworthsových tažných logů se svými prasaty Jimmyho. Ale pokud máte malého Porsche, bude to mnohem snazší.

Zde je několik tipů na oříznutí tuku v žádném zvláštním pořadí.

1. Tabulky používejte šetrně

Tabulky jsou úlovky-22. Zpočátku byly použity k rozvržení designu a také k uvedení obsahu do formátu tabulky. Vzhledem k tomu, že rozvržení návrhu se stalo složitějším, tabulky se zvětšovaly a vnořovaly hlouběji, což vždy znamená zpomalení doby načítání.

Cascading Style SHeets (CSS) přišel a opravdu pomohl problém s použitím tabulek pro rozvržení. Tvůrci prohlížečů bohužel nedokázali zahalit hlavu kolem myšlenky standardů - a stále to nemohou. To, co vypadalo skvěle v CSS ve Firefoxu, vypadalo jako psí snídaně v IE a možná ani nebylo vykresleno v Safari. Nenechte mě začít IE5 na počítačích Mac. Jsem stále v terapii nad tím.

Použijte tabulky pouze k rozložení obsahu, který musí být v a tabulkový formát Tableizer: Generování HTML tabulky z tabulky Excelu Přečtěte si více - jako je ceník nebo statistiky hokeje. To snižuje počet tabulek a hloubku vnoření, což znamená rychlejší doby načítání. Učení CSS 5 nejlepších webů, které se naučí CSS online Přečtěte si více bude velký rozdíl, pokud musíte mít efektní rozvržení.

2. K vytvoření barvy použijte HTML

Jo, jsem Kanaďan, takže je to barva se mnou. Vím, že HTML je zaměřeno na Ameriku, takže atribut je „color“. Naučte se hexidimální barevné kódy a použít je k oživení obsahu namísto obrázků.

Chcete-li okořenit, zkuste do prvků HTML přidat atribut color. Toto funguje obzvláště dobře v tabulkách nebo v těle značky, jako například:

Pokud jste byli prohlížečem, byli byste rychlejší při načítání jednoduchých 7 znaků #FF00FF nebo obrázek 10 × 10 pixelů barevné fuschie několik tisíckrát? To je rétorická otázka, ty v zadní řadě. Polož svou ruku dolů.

3. Odkaz na skripty / šablony stylů

Pokud používáte určité JavaScript (JS) nebo CSS opakovaně na vašem webu, přemýšlejte o vytvoření vlastního souboru a jeho zavolání, místo toho, abyste jej umístili na každou stránku. Protože prohlížeč má tendenci ukládat do mezipaměti soubor a volat nejprve tento soubor před kontrolou na serveru, váš prohlížeč již bude mít tento skript nebo CSS připraven k použití. To znamená méně HyperText Tvýkupné Protocol (HTTP) volá, což znamená rychlejší načítání stránky.

Jak volat externí JavaScript:

–>

Proč jsem tyto značky komentářů umístil kolem výzvy pro JavaScript? Protože ne každý prohlížeč je nastaven na čtení skriptů. Přidáním značek komentářů se prohlížeče s deaktivovaným skriptováním jednoduše přeskočí, místo toho, aby dávaly nepříjemné chybové zprávy.

Jak volat externí kaskádový styl:

Je to tak jednoduché. Atribut href je místo, kde nastavíte umístění svého seznamu stylů. Zbytek atributů říká prohlížeči, co je to za soubor, takže ví, co s ním dělat.

Někteří vývojáři mohou používat @import způsob volání šablony stylů. V prohlížeči Internet Explorer je to jako mít tag ve spodní části souboru, což způsobí, že načte celou stránku a poté vykreslí styly na něm. Špatný.

4. Kombinujte běžně používané skripty do jednoho souboru

Mnoho vývojářů webu bude znovu a znovu používat stejné skripty. Možná existuje hodinový skript a kalendářový skript a možná nějaký skript se speciálními efekty, který budou používat na každé stránce. Namísto 3 samostatných souborů a 3 samostatných volání HTTP vložte skripty do jednoho souboru a jednou jej zavolejte. Tím se sníží vaše volání HTTP o 66% a také se uloží do mezipaměti. Ty rychlost démona, ty! Než znovu zvednete ruku, ano, můžete udělat totéž se soubory CSS.

5. Nepoužívejte HTML ke změně velikosti obrázků

Pokud chcete na své webové stránce použít obrázek o rozměrech 1 000 × 1 000 pixelů, ale chcete, aby byl pouze 250 × 250 pixelů, změňte jej v editoru obrázků. Někteří lidé budou „zmenšovat“ obrázek pomocí HTML, jako je například:

Pokud má tento obrázek o velikosti 1 000 × 1 000 pixelů velikost souboru 2 MB, velikost jeho velikosti pomocí HTML nezmění velikost souboru! Ve skutečnosti to může trvat déle, protože načíst, protože nyní musí prohlížeč dát 10 liber hovno do 2 libry tašku, abych tak řekl. Není to snadný úkol.

Doufejme, že vám tyto tipy pomohou. Pokud používáte komentáře nebo máte nějaké nápady na optimalizaci HTML, můžete je v komentářích křičet.