Na vývoji našeho testeru neustále pracujeme. Ve verzi 3.1 přinášíme možnosti úpravy nastavení testů, nových typů domén a vylepšení e-mailových reportů. Přidali jsme také možnost stažení výsledků ve formátu JSON pro nástroj Lighthouse a odstranili zastaralé metriky.
Při pohledu do changelogu nového Safari 16.4 se zaraduje srdíčko mnoha vývojářů. Z hlediska rychlosti webů přibyla vlastnost font-size-adjust a atribut loading=”lazy” pro iframe.
Single page aplikace mohou být značným přínosem a nabídnout plynulejší zážitek uživateli. Na druhou stranu vytvářejí výzvy při měření Core Web Vitals, jelikož „soft“ navigace nebyly chápány jako unikátní návštěvy stránek. Nový Chrome 110 přidává experimentální možnost CWV na SPA měřit lépe.
Brotli a GZIP jsou nejrozšířenější druhy komprese CSS, JS a dalších souborů. Věděli jste ale, že můžete nastavit také úroveň komprese? Čím vyšší úroveň, tím vyšší datová úspora, ale také vyšší náročnost na výpočetní výkon a čas. Jak zvolit nejefektivnější úroveň komprese jsme sepsali do článku.
Google přichází s novou verzí nástroje Lighthouse, které se projeví ve verzi Chrome 112. Z výpočtu LPS nově mizí metrika TTI, naopak metrika CLS zvyšuje svůj podíl na výpočtu na 25%. Toto a mnoho dalšího již brzy ve vašich prohlížečích.
Aktuálně máme dvě možnosti, jak prioritizovat soubory na webu. Buď pomocí preloadu, nebo priority hints. Zdánlivě jde o podobné techniky, ale je dobré znát jejich rozdíly, které popisuje článek Kevina Farrugia.
Minulý rok byl pro PageSpeed.cz ostrým startem. Více než dříve jsme poskytovali poradenské služby zaměřené na optimalizaci rychlosti webu a rozvíjeli vlastní tester rychlosti. O dalších úspěších si můžete přečíst na našem blogu.
Během testování rychlosti webů může v Performance tabu člověk narazit na spoustu problémů, které potřebuje ukázat kolegům. Přinášíme vám tip, jak jednoduše naměřený profil nahrát na web a URL pohodlně sdílet.
Vývojáři z Chrome DevRel týmu dali dohromady množství doporučení, která podle nich budou nejefektivnější pro optimalizace rychlosti v roce 2023. Přečíst si můžete o fetchpriority, bfcache a dalších cestách, jak zrychlit web.
.png)
V tomto článku se podíváme na některé vlastnosti, techniky nebo nástroje, které nás v roce 2022 nejvíce zaujaly. Těšit se můžete na Early Hints, projdeme změnu výpočtu metriky CLS, CSS vlastnost size-adjust a další novinky.
.png)
Negativní vliv na rychlost webu mohou mít i rozšíření prohlížeče. A to velký. Nástroj Chrome Extension Performance Lookup vám ukáže, jaký vliv má při načítání webových stránek 1 000 nejpoužívanějších rozšíření prohlížeče Chrome.
Dostává se nám do rukou stále více materiálů k experimentální metrice INP. Tentokrát od vývojářů z Google, kteří radí krok za krokem, jak postupovat při optimalizaci. Předpokládá se, že tuto metriku Google zařadí v roce 2023 do Web Vitals.
Na konci října jsme se zúčastnili konference Perf.now() v Amsterdamu. Celkem jsme slyšeli 14 přednášek a nejlepší dle našeho názoru měli Harry Roberts, Ivan Akulov nebo třeba Nolan Lawson. Celý seznam a podrobnosti v našem článku.
Pokud chcete ladit rychlost, ale záložka Performance v Chrome DevTools vám přijde složitá, zkuste Performance Insights. Ten zobrazuje jenom nejrelevantnější informace, především týkající se Web Vitals. Podrobný návod, jak nástroj používat, sepsali na webu Chrome Developers.
Od roku 2009 je prosinec měsícem, ve kterém vychází Web Performance Calendar. Tento rok nebude výjimkou a od 1. prosince se můžete těšit každý den na text o rychlosti. My věříme, že si zde přijdete na své.
Nestačí vám LCP? Měřte vykreslení vlastního vybraného elementu. K tomu slouží Element Timing API, kterým můžete z prohlížečů vycházejících z jádra Chromium označit element, jehož moment vykreslení vás zajímá. Kdy je vhodné jej použít a jaká omezení to má?
Web Almanach přišel s jedním ze svých pravidelných shrnutí. Tentokrát se týká JavaScriptů třetích stran. Věděli jste, že 94 % mobilních stránek využívá alespoň jednu třetí stranu?
Rozdíl mezi webfontem z designu vašeho webu a systémovým fontem může způsobovat nechtěné posuny layoutu. Naštěstí je pro zde pro tyto situace nová CSS vlastnost size-adjust a tento nástroj, který vám usnadní implementaci.
