WebP obrázky: datově úsporná alternativa k JPEG, PNG i GIF
10. 6. 2018
v příručce
Formát WebP sice nepodporují všechny prohlížeče, i tak s ním ale můžeme napáchat mnoho dobra.
Pokračovat…
Jak AMP chrání rychlost před webaři. A co je jeho největší přínos?
Někteří webaři jsou totiž rychlostní mimoni, i proto Google přišel s AMP.
Metriky rychlosti načítání
Syntetická měření, RUM a vysvětlení spousty zkratek: TTFB, DCL, FP, FCP…
Intersection Observer: Jak zjistit, že je prvek vidět?
API, které umožní hlídat protnutí plochy prvku s plochou jiného prvku. Hodí se pro lazy loading, animace nebo implementaci „nekonečné stránky“.
Lazy loading obrázků: kompletní průvodce
Nově upraveno: Přidaný je Intersection Observer. Kde lazyloading používat a kde ne? A jak na zástupné obrázky?
Atributy responzivních obrázků: srcset a sizes
Nové atributy elementu img, které řeší potřebu autorů stránek zobrazovat v různých stavech responzivního designu různé varianty obrázků. Přečtěte si zcela novou verzi článku.
Kompletní průvodce obrázky v responzivním designu
V responzivním designu často potřebujeme volit mezi různými variantami jednoho obsahového obrázku.
Rychlost načítání: Úvod pro designéry, marketéry a majitele webů
Rychlost nemůžete nechat jen na vývojářích. V článku si shrneme, proč je fajn mít rychlé weby. Povíme si také o nejdůležitějších nástrojích a optimalizačních technikách.
Rychlost webu je záležitostí designéra
Cíle webových grafiků a designérů se moc nemění. Co se ale změnilo, jsou naše znalosti o významu rychlosti webu pro jeho výslednou úspěšnost.