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

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 dial-up. Postupem času jsem měl chuť si myslet, že stále existuje spousta lidí, kteří nemají širokopásmové (dial-up) připojení, a na základě toho jsem pokračoval v navrhování webových stránek..

Nakonec jsem se vzdal webového designu a vývoje Chceš se naučit webový design? 7 kanálů YouTube, které vám pomohou začít Webový design se chcete naučit? 7 kanálů YouTube, které vám pomohou začít YouTube 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. když se kvalita obsahu začala tlačit na stranu podle množství obsahu. Flash stránky, spousta obrázků, vyskakovací okna, vyskakovací okna, posuvníky atd. Důvěřujte svému kvalitnímu obsahu a tuto chmýří 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 Kenworthsů, kteří vytáhnou záznamy s prase Jimmyho haulina. 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, stoly 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í. Zdá se, že tvůrci prohlížečů bohužel nedokázali zabalit hlavu kolem myšlenky standardů - a stále to nedokážou. Co vypadalo skvěle v CSS ve Firefoxu, vypadalo jako psí snídaně v IE a možná se ani v Safari nevykreslovalo. Nechci mě začít na IE5 na Mac. Jsem stále v terapii nad tím.

Tabulky používejte pouze k rozvržení obsahu, který musí být v tabulkovém formátu. Tabulka: Generujte tabulku HTML z tabulky Excel Tableizer: Generujte tabulku HTML z tabulky Excelu - například ceník nebo statistiky hokeje. To snižuje počet tabulek a hloubku vnoření, což znamená rychlejší doby načítání. Naučte se 5 nejlepších stránek CSS, abyste se naučili CSS Online Nejlépe 5, kteří se naučili CSS Online, bude velký rozdíl, pokud musíte mít fantastické rozvržení.

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

Jo, jsem Kanaďan, takže je to barva se znakem „u“. Vím, že HTML je zaměřeno na Ameriku, takže atribut je 'color'. Naučte se hexidecimální barevné kódy a použijte 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 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 aplikaci Internet Explorer je to jako mít značku v dolní části souboru, což způsobí, že načte celou stránku a poté na ni vykreslí styly. Š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 1 000 × 1 000 pixelů velikost souboru 2 MB, změna 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, které chcete sdílet, dejte mi komentář.