Priority Hints a atribut fetchpriority: jak vytunit rychlost načtení prvků stránky
29. 8. 2022 — S pomocí Priority Hints můžete zrychlit načtení webu jen pomocí přidání pár řádků kódu. Má to ale pár „ale“…
Vlastnost contain v CSS: zapouzdřením k rychlejšímu vykreslení stránky
21. 8. 2022 — [Aktualizace] Pokud máte složitý DOM a chcete ušetřit výkon prohlížeče, vlastnost contain stojí za pozornost. Nově je v článku ukázka, vysvětlení návaznosti na Container Queries a hodnota contain:inline-size.
Metrika „Kumulativní posun layoutu“ (Cumulative Layout Shift, CLS)
15. 7. 2022 — [Aktualizace] Text o metrice počítající nechtěné posuny layoutu stránky je nově doplněný o aktuální verzi výpočtu metriky, základní rady k optimalizaci a mnohé další.
Interaction to Next Paint (INP): nová metrika prodlevy interakcí
2. 6. 2022 — Metrika INP nejspíš letos nebo příští rok v rámci Web Vitals od Googlu nahradí již nevyhovující FID (First Input Delay). Rychlost odpovědi na uživatelský vstup měří rychleji a také přísněji, takže spousta webařů bude mít o zábavu postaráno.
Zveme vás na únorová školení rychlosti webu
11. 1. 2022 — Po čase máme znovu vypsané termíny dvou půldenních školení rychlosti webu. Proběhnou 15. a 17. února online a tímto vás na ně zvu.
Rok 2021: State of CSS, rychlost a to nejlepší ze Vzhůru dolů
5. 1. 2022 — Čeho to byl rok, alespoň v rámci rychlosti a CSS? Rok Page Experience, rok CSS gridu, rok obrázků ve formátu WebP? Rok konce Internet Exploreru? Nebo snad rok CSS Modules, jak tvrdí anketa State of CSS?
CSS deskriptor size-adjust
8. 12. 2021 — Upravte velikost systémového písma a zabraňte nechtěným posunům obsahu při načtení vašeho fontu. Dneska rozebereme novinku v CSS s dobrou podporou v prohlížečích.
Lighthouse ve verzi 9: přepracované UI a User Flows
23. 11. 2021 — Nová verze nástroje pro audit webu Lighthouse přináší přepracované rozhraní testů, nové PageSpeed Insights a také User Flows, možnost testovat průchod uživatele službou, včetně jeho interakcí.
Lighthouse: audit webu od Google
16. 11. 2021 — [Aktualizace po vydání Lighthouse 9] Proč a jak Lighthouse používat. Co umí a jak funguje. Podíváme se taky na použití pomocí příkazové řádky a pravidelné spouštění.
Vlastnost aspect-ratio v CSS: Poměr stran snadno a elegantně
22. 10. 2021 — [Aktualizace: podpora je nově ve všech prohlížečích] Od září '21 můžeme všude používat vlastnost aspect-ratio, která umožňuje vytvářet kontejnery pro asynchronní obsah a zabránit tak nechtěnému poskakování obsahu.
Zápis image-set(): více verzí obrázků v CSS
7. 10. 2021 — [Aktualizace: Nově zápis podporuje Firefox] Zase jeden důvod říct si „hurá!“. Od druhé poloviny roku 2021 tento zápis podporuje Firefox. Díky tomu už bude brzy možné základní varianty zápisu image-set() používat ve všech moderních prohlížečích.
Google Page Experience update: Skoro vše co potřebujete vědět
2. 9. 2021 — Google nasadil aktualizaci Page Experience, která bude daleko více zohledňovat rychlost webů, ale také širší oblast UX. Článek je výsledkem zamyšlení a rešerší na základě mnoha otázek, které mi v souvislosti s Page Experience update přišly na mysl.
Co je nového v Lighthouse verze 8
15. 6. 2021 — Změna váh metrik, nové počítání CLS, Source Tree, třídění rad v auditu a tak dále. Osmá verze je zaměřená na rychlost. To samozřejmě stojí alespoň za krátký blogpost.
Hotwire: Ze serveru na klienta a zase zpět
21. 4. 2021 — Hotwire je alternativní přístup k vytváření moderních webových aplikací bez použití velkého množství JavaScriptu zasíláním HTML namísto JSON.
Google Tag Manager: návod na přežití pro vývojáře
14. 4. 2021 hostuje Martin Kolář — Cenu popularity by GTM u vývojářů nevyhrál. Přesto si naši pozornost zaslouží, protože zodpovědnost za jeho fungování na webu sdílíme s marketéry. Martin Kolář v textu vysvětluje detaily a rozebírá pojmy jako dataLayer, trigger, workspace a to vše ve vývojářském jazyce.