Rival Blog

Vysvětlovat, proč je rychlost webu důležitá, by podle mě bylo pouhým marněním času. Tak jen ve zkratce, je důležitá pro lidi a pro vyhledávače. Jednoduchým selským rozumem a vlastní zkušeností lze vypozorovat, že stránky, která se načítají bleskově, nebo alespoň dostatečně rychle, se nám lépe a radostněji prochází, neb se nebojíme, že na další načtení stránky budeme muset čekat půl minuty. Vyhledávačům se pak dobře indexuje, protože za stejný čas projde více stránek než na pomalejších webech.

V několikadílném seriálu (ikdyž, znáte mě… nebo alespoň já se znám) se pokusím vysvětlit a praktikovat několik metod, které, ať už víc nebo míň, k rychlejšímu webu dopomůžou. Jenže! Jak získat nějaké ty údaje?

Doplňky pro prohlížeč Firefox

Page Speed od společnosti Google a YSlow od Yahoo jsou základními měřícími doplňky, bez kterých se nikdy nikam nevydávejte. Pokud si chcete zachovat i přehlednou historii o zvyšování rychlosti vašeho webu, doporučím web ShowSlow.com, nově lze přidat URL do seznamu a ty se budou pravidelně testovat (právě pomocí Page Speed a YSlow). Lze i krásně porovnávat a nebo se nechat vypsat detailní informace.

Pro Google Chrome můžete zkusit relativně nový doplněk – Speed Tracer – ale konkrétní zkušenosti zatím nemám.

Měření v Google Webmaster Tools

Pokud už váš web má nějakou historii ve Webmaster Tools a alespoň nějakou návštěvnost, je možné, že vám Google ukáže podobný rychlostní graf i s informací o průměrné době načítání a přesnosti. Dokáže i porovnat s ostatními weby, takže vám může říct: „Načítání je rychlejší než u 73% ostatních webů.“

Page Speed (Google)

Tento nástroj se od svého bratra dost liší v metodice měření, ikdyž bodová stupnice je stejná, 0 až 100, přičemž 100 je ideální výsledek a dosáhnout ho nemusí být taková sranda, jak se na první pohled může zdát (pokud nemluvíme o jednodstránkovém textovém webu).

Přikládám první příklad, zapracovali jsme na optimalizaci homepage fotobanky Pixmac. Posledním doporučením je „Use efficient CSS selectors“ (používejte efektivní CSS selektory). A rovnou přiloží i příklady. Třeba „#categoriespage .categorypage_box ul li a“ není dobrý selektor.

Takovýchto bodů a doporučení je tu přes 20 a postupně je všechny projdu a popíšu, jak je vyřešit.

YSlow (Yahoo)

Měřící nástroj od Yahoo je daleko přísnější ;) Tam kde Google Page Speed dává 96/100, tam YSlow jen 81/100, takže prostor pro vylepšení tu stále je. A co, že YSlow na webu Pixmac.com nejvíc trápí? Počet HTTP requestů (21 obrázků v CSS) a Expire Headers u statických souborů.

YSlow dává jednotlivým bodů i přesnější hodnocení, jako ve škole. A až F, takže přesně víte, kde je prostor pro zlepšení. A nezapomeňte, 80% výkonu ušetříte uděláním 20% optimalizací (Paretův princip). Takže příště už o jednotlivých bodech (i prakticky), těch nejdůležitejších. Pro pokročilé pak třeba Data URIs nebo Link prefetching z HTML 5. Takže, změřte si stránky ;)

Poslední důležitá věc v Google Webmaster Tools, kterou bych chtěl zmínit, je správnost vašich TITLE tagů a META DESCRIPTION. Tyto tagy jsou nejdůležitejšími faktory vašich stránek (společně s dobrým a kvalitním obsahem ;). Obsahují text, který se zobrazí ve výsledcích vyhledávání, takže je jen a jen ve vašem zájmu mít je kvalitní.

Unikátnost

Nejdůležitější vlastnost TITLE i META DESCRIPTION tagů, kterou je dobré dodržovat vždy a všude. Na následujícím screenshotu můžete vidět chybičku v redakčním systému WordPress, který nevloží do TITLE tagů číslo stránky, takže vznikají duplicitní titulky.

V tomto případě by se na konec titulku mělo přidat „ – stránka: X„, každý titulek by se tak stal unikátním a Google by pro přeindexování tyto chyby ze svého systému vymazal.

Délka

Ani krátký, ani dlouhý. Přesně takový by měl být… ehm… titulek a popisek. Přikládám screenshot z fotobanky Pixmac.cz, kde jsem podcenil META DESCRIPTION u několika stránek a Google si toho prakticky ihned všiml. Díky němu tak můžu popisky doplnit a zvýšit tak šance na prokliknutí z výsledků vyhledávání.

A ještě odstaveček, kterým se vám Google odvděčí, když opravíte chyby na které vás upozorní ;)

V případě vašeho webu jsme nezjistili žádný problém týkající se obsahu. Při procházení váš web kontrolujeme a na stránkách zjišťujeme všechny potenciální problémy týkající se obsahu, zejména duplicitní, chybějící nebo problematické značky <title> nebo značky metadat „description“. Tyto problémy nepovedou k tomu, že se váš web nezobrazí ve výsledcích vyhledávání Google, ale pokud jim budete věnovat pozornost, získá vyhledávač Google více informací a dokonce to na váš web může přitáhnout větší provoz. Název a text popisů metadat se může zobrazit ve výsledcích vyhledávání a na užitečný a popisný text kliknou uživatelé s větší pravděpodobností.

Naposledy aktualizováno 31.5.2010

Věděli jste, že rychlost indexování ze strany Googlu můžete ovlivňovat jednoduchým „šoupátkem“? Pokud tedy máte dostatečně výkonný a rychlý server nebo hosting, můžete říci Googlu, že může přijít i vícekrát, ať se neostýchá.

U nastavení „Četnosti procházení“ stačí „Nastavit vlastní četnost procházení„. Pokud tam tuto možnost nemáte, Google vám ještě neumožňuje nastavit vlastní rychlost procházení, to se občas stane u nových stránek. Po kliknutí uvidíte následující formulář s aktuálním nastavením, které se udává v požadavcích za sekundu. Toto nastavení tedy určuje, kolikrát za sekundu vás  může Googlebot navštívit.

Pokud Google váš web indexuje přijatelně rychle, doporučuji spíše nastavení neměnit, ale pokud máte stránek více a Google indexuje o hodně méně, můžete to alespoň zkusit. Šoupátkem lze posouvat jen v aktuálně povoleném rozsahu. U nových stránek tedy dostanete na maximálně 0.5 požadavků za sekundu. Maximum je pak 10 požadavků za sekundu, ale to nemáme nastavené ani na Pixmacu ;)

Po změně nastavení pak stačí jen Uložit a Google vám dá zprávu, že nastavení změnil s platností 90 dní. Do několika hodin či dní můžete pocítit výsledek, ať už na počtu zaindexovaných stránek nebo na zpomalení serveru, tak opatrně ;)