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?
- Google Chrome Dev Tools (F12, Network, Refresh | Zvolit ještě k tomu Internet, 3G, Refresh)
- Lighthouse (F12, Audits)
- analytics.google.com
- developers.google.com/speed/pagespeed/insights
- gtmetrix.com
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
Pozor aktualizace! Vypadá to, že Google definitivně AMP pohřbil, více zde.
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.
Nemáte představu, kolik tržeb ze SEO Vašemu webu či e-shopu měšíčně utíká? Rádi Vám budeme věnovat čas osobně. Ukážeme Vám, o kolik peněz byste mohli každý měsíc vydělat více jen díky SEO! A to ZDARMA. Chci konzultaci ZDARMA >>
