S láskou a vidinou klientů píše Collabim Nejpoužívanější český SEO nástroj

Jak si změřit rychlost webu

Víte, že přibližně 8 a půl vteřiny trvá načtení stránky na mobilu? A proč má vlastně smysl měřit rychlost, jak na to a jak potrápit vývojáře?

  • hodnotící faktor pro Google + speed update (vliv rychlosti načítání na řazení výsledků vyhledávání)
  • crawl budget pro velké weby (10 000 stránek +)
  • UX
  • AdWords kampaně

Jak měřit rychlost webu?

Devtools Chrome - simulace rychlosti internetu

Rychlost měřte už na začátku projektu. Při řešení na konci to bude stát trojnásobek.

Při plánování projektu si stanovte:

  • velikost
  • rychlost načtení
  • počet zdrojů HTTP/HTTPS

Co řešit s vývojem?

  • serverová část (rychlost, konektivita, geolokace, vytíženost)
  • databáze (typ, cache, ukládání na disk nebo paměť)
  • webový server (Apache, IIS, HTTP, GZIP)
  • aplikace (cache, dotazy do databáze, architektura aplikace)
  • velikost obrázků a jejich načítání (Lazy-loading – načtení obrázků pouze ve viewportu, reálná a správná velikost obrázků, pro Google Chrome používat obrázky ve formátu .webp – menší o 23 %)
  • requesty na stránku – ideálně do 50
  • počet a velikost JS (sjednotit do jednoho, minifikovat, asynchronní načtení)
  • počet a velikost CSS (critical CSS)
  • fonty (co nejméně, asynchronní načtení, definice v CSS souboru)
  • Lazy-loading pro třetí strany (YouTube video – obrázek, video na klik přes JS)
  • měření a A/B testy (pouze když měříme, jinak kódy vůbec neimplementovat)
  • AMP/Instant Articles

HTTP/2

  • není nutné řešit zdroje (výměna zdrojů se vyměňuje se serverem)

Kompletní podklady k přednášce najdete na webu AW-DEV.cz.

Vytvořil Petr Krauz na SEO restartu 2018.

Jak se hýbe český internet? Sledujte denní statistiky!

Zobrazit