Poměr stran obrázků jednoduše (pomocí atributů WIDTH a HEIGHT ve značce IMG)
27. 4. 2020 — Vyplňujme prosím poctivě atributy width a height u obrázků. Díky tomu se vám nerozsype layout stránky při jejím vykreslování.
Vkládání JavaScriptu jako async, defer a type="module" versus rychlost webu
6. 4. 2020 — Existuje několik možností, jak vložit JavaScript do HTML kódu. Z pohledu rychlosti načítání je ale u statických webů jeden úplně nejhorší – vkládání do HEAD bez jakéhokoliv dalšího nastavení.
Nová metrika „Největší vykreslení obsahu“ (Largest Contentful Paint, LCP)
13. 3. 2020 — Tam, kde Speed Index nestačí… Nová metrika Largest Contentful Paint (LCP) – představuje přesnější způsob měření momentu, ve kterém se vykreslí hlavní obsah stránky.
Použití preconnect & dns-prefetch pro včasné připojení k doménám třetích stran a zvýšení rychlosti webu
15. 1. 2020 — Meta značky, které prohlížeč informují o našich úmyslech navazovat spojení na cizí domény.
Optimalizace rychlosti komponent třetích stran: Když se chce, všechno jde
9. 1. 2020 — Skutečně jsme jako vývojáři proti third parties tak bezbranní, jak si občas myslíme? Velký článek plný tipů na měření a optimalizaci komponent třetích stran.
Nový rok, dva nové kurzy: „Výkon webu v prohlížeči“ a „Od dokumentace k systémům designu“
6. 1. 2020 — Dvojkový rok 2020 začínáme zostra.
Podcast: S Michalem Matuškou o konferenci performance.now(), rychlosti webů a WebAssembly
19. 12. 2019 — Povídáme si o kultuře rychlosti ve firmách, měření rychlosti v Google Analytics, inteligentním prefetchingu, nastavení serverů pro HTTP/2 priority a na konec i o WebAssembly.
Chrome UX Report: Data o rychlosti webu přímo od uživatelů
12. 12. 2019 — Stáhněte si údaje z databáze dat o rychlosti uživatelského prožitku, kterou o webech sbírají všechny verze prohlížeče Chrome.
Poměr stran v CSS: Všechny metody pro zabránění poskakování layoutu stránky při vykreslování
19. 11. 2019 — V textu jsou popsané nejznámější metody, včetně triků s paddingem, s autorskými vlastnostmi a napřímo vloženým SVG.
Zachování poměru stran v CSS: Metoda s pading-top nebo padding-bottom
7. 11. 2019 — Takzvaný „padding-bottom trik“.
MiniLazyload: Minimalistická knihovna pro líné načtení obrázků a IFRAME (aktualizováno pro verzi 2.3.0)
4. 11. 2019 hostuje Šimon Raichl — Šimon z Pilulka.cz vám v dnešním textu představí svou miniaturní, ale chytře navrženou knihovnu pro líné načtení obrázků a iframe.
Progresivní webové aplikace: Co to je? A jak webu zařídit plné hodnocení PWA v Lighthouse
26. 9. 2019 — PWA nejsou žádná novinka. V tomhle článku se ale dozvíte, jak si některé jejich vlastnosti zapnout ku prospěchu jakéhokoliv webu.
AMP weby: Co to je a proč nás to má vůbec zajímat? (+ video)
23. 9. 2019 — Podrobný úvod pro ty z vás, kteří AMP, technologii pro rychlé načtení stránek, zatím moc neznáte.
Lighthouse Performance Score: metrika všech syntetických metrik rychlosti webu
9. 9. 2019 — Velmi důležité číslo, kterým rychlost vaší stránky zhodnotí nástroje Lighthouse nebo PageSpeed Insights.
Lazy loading obrázků a iframe: Kompletní průvodce implementací (včetně nativní podpory v prohlížečích)
14. 8. 2019 — Velký text, ve kterém se podíváme na konkrétní možnosti implementace lazy loadingu do vašich webů. Od nativní podpory v prohlížečích po knihovny nebo vliv na SEO a UX.