Optimalizace rychlosti webu: Úvod

V tomto seriálu představím několik tipů, jak si zrychlit webovou prezentaci. Nebudu se zabývat optimalizací výkonu z pohledu programátora aplikace, ale hlavně z pohledu kodéra. V jednotlivých tématických blocích si představíme konkrétní kroky, po jejichž následování bude váš web svištět viditelně rychleji (pokud nemáte stejně loudavý hosting jako momentálně já).

Proč je důležité, aby se vaše stránky načítaly rychle?

• Zvýšíte uživatelský komfort svých návštěvníků
• Optimalizací snížíte objem kilobytů provozu svého webserveru
• Můžete si trošičku šplhnout u Googlu, který zahrnuje rychlost načítání stránky do svého algoritmu při řazení stránek v SERP

Nástroje optimalizace webu

Než začneme s optimalizací, je dobré si představit nástroje, které nám s optimalizací pomůžou. Předpokládám, že Firebug netřeba představovat a pro kodéra by to bylo nošení dříví do Athén (nebo sov do lesa). Zde nás bude hlavně zajímat záložka Síť, která ukazuje průběh načítaní stránky včetně jednotlivých HTTP požadavků. Pokud uctíváte jiný prohlížeč než Firefox, najdete obdobné nástroje i u nich. V Chrome jsou to Nástroje pro vývojáře, záložka Resources. Nebo si pro tento prohlížeč můžete stáhnout ultimátní rozšíření na ladění výkonu SpeedTracer. Opera zas nabízí Opera Dragonfly (Ctrl + Shift + I), záložka Připojení. Pro Internet Explorer můžete použít aplikaci HttpWatch, která je ve své základní verzi zdarma a kromě IE existuje i pro Firefox.

Dále si nainstalujeme dva pluginy do Firebugu: YSlow od Yahoo! a PageSpeed od Google. Oba pluginy ohodnotí stránku na stupnici od 0 do 100 z hlediska optimalizace výkonu a sdělí doporučení, co ještě vylepšit. Dále obsahují rozličné utilitky, které nám při optimalizaci usnadní práci.

Posledním nástrojem, který budeme používat, jsou Google Webmaster Tools. Pravděpodobně je již dávno používáte a pokud ne, tak je vřele doporučuji. Dozvíte se z nich spoustu užitečných informacích, jak Google vidí vaše stránky a pokud se zajímáte o SEO, stanou se vaším věrným pomocníkem. Z pohledu optimalizace rychlosti nás však bude nejvíc zajímat záložka Laboratoř Google > Výkon webu:

Google Webmaster Tools - Graf výkonu webu

Na grafu uvidíte, jak rychle se v čase načítají vaše stránky v porovnání s ostatními weby. Pozor, na vertikální ose je průměrný čas potřebný k načtení stránek v sekundách, tj. čím menší tím lepší. Data si Google nesbírá z údajů svého robota, ale od lidí, kteří mají nainstalován Google Toolbar se zobrazením Page Ranku. Stránky ohodnocené jako rychlé se načítají pod 1,5 sekundy. Tam někde se budeme pohybovat po skončení seriálu .

Nyní jsme vybaveni ohněm i mečem a můžeme se vydat bojovat s valícími se hordami HTTP požadavků, nabobtnalými javascripty a krotit nepoddajnou cache v našich prohlížečích. Příští díly už budou ryze praktické a krok po kroku si projdeme jednotlivé tipy a doporučení. Brzy naviděnou!