Pomalé načítání webu

pomale nacitani webu clanek webdyzajnerka

Autor: webdyzajnerka

SEO

25. 4. 2023

To prostě odradí..

Představ si, že jsi narazil/a na zajímavou stránku na Googlu, klikneš na ní a už se těšíš na obsah, pro který sis přišel/přišla. Jenže ouha, ono se to nenačítá… Řeknu ti malé tajemství: 40 % návštěvníků nechce čekat na načtení stránky déle než 3 sekundy. Rychlost načítání tvojí stránky taky ovlivňuje pozici ve vyhledávači, viz SEO článek.

Takže, jak zjistíš rychlost načítání?

Tady je výčet několika nástrojů, který ti umožní měřit rychlost načítání webové stránky, získat detailní analýzu a nabídne doporučení na zlepšení.

  • Google PageSpeed Insights – nástroj od pana Googla, který měří rychlost načítání stránky a dává návrhy na zlepšení. Ten používám já, protože mě nejvíc zajímá, jak mě vidí právě Google.
  • GTmetrix – další online nástroj pro měření rychlosti, který poskytuje detailní analýzu a doporučení na zlepšení.
  • WebPageTestrelevantní pro ČR, měří podle lokací.
  • Lighthouse – doplněk pro vývojáře v rámci Google Chrome, který umožňuje měřit rychlost načítání stránky, zobrazuje návrhy na zlepšení a také hodnotí přístupnost a SEO kvalitu stránky.
    pomale nacitani webu clanek webdyzajnerka

    Jak postupovat? Ukážu ti na příkladu WebPageTest a Google PageSpeed Insights

    • Google PageSpeed Insights: vlož adresu webu včetně https a klikni analyzovat. Parametry pro PC by měly vždy zářit v zelené barvě. Pro mobil to není tak horký, tam stačí být pro rychlost ve žlutých číslech.
    vyhodnoceni pagespeed testu pro mobil, clanek webdyzajnerka
    vyhodnoceni pagespeed testu pro desktop, clanek webdyzajnerka
    •  WebPageTest: vlož adresu webu včetně https a klikni na analyzovat. Parametry, které ti vyběhnou, opět prohlédni. Zde jsou relevantní písmena A (B je ještě OK). Zelené buňky v tabulce (web vitals) pro stolní PC a žlutá barva pro mobil je v pořádku. 

    Co s tím, když web není nejrychlejší?

    Sleduj doporučení v testech. Určitě ti pomohou pluginy pro zrychlení, pokud ti web běží na WordPressu (WP optimize umí minifikci, cache, převod obrázku do Webp formátu…; výborný je WP rocket, ten je ale placený). Nenechávej na webu nic, co tam nemusí být, optimalizuj velikost obrázků. Aktualizuj používané systémy (pluginy, wordpress, buildry,..).

    Mohlo by vás zajímat

    5 chyb, které pernamentně pácháte ve svých textech

    5 chyb, které pernamentně pácháte ve svých textech

    Třeba zrovna slovo „pernamentně“. Správně a jedině je pouze tvar „permanentně“. Pojďte se podívat, jak správně psát nejen další cizí slova, ale třeba i číslovky nebo velké a malé...

    ChatGPT-jak s AI pracovat

    ChatGPT-jak s AI pracovat

    Jak na ChatGPT? Předpokládám, že o ChatGPT mnohý z vás slyšel. Pokud ne, tak ho pojď rovnou vyzkoušet, než nám ho zakážou jako v Itálii. ChatGPT (generative pre-trained...