Rychlost načítání

Wallmart změřil, že se jim každá vteřina zrychlení načtení stránky vrátí v podobě 2procentního navýšení konverzí. Více o tématu také na školení optimalizace rychlosti načítání.

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.

Jak AMP chrání rychlost před webaři. A co je jeho největší přínos?

10. 5. 2018 v příručce

Někteří webaři jsou totiž rychlostní mimoni, i proto Google přišel s AMP.

Metriky rychlosti načítání

11. 4. 2018 v příručce

Syntetická měření, RUM a vysvětlení spousty zkratek: TTFB, DCL, FP, FCP…

Intersection Observer: Jak zjistit, že je prvek vidět?

26. 2. 2018 v příručce

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

21. 2. 2018 v příručce

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

23. 5. 2017 v příručce

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

17. 5. 2017 v příručce

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ů

2. 5. 2017 v příručce

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

8. 3. 2017 na blogu

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.

Na rychlé HTTP/2 je skoro vše připraveno. Čekáme na hostingy

25. 11. 2016 v příručce

HTTP/2 je nová verze protokolu, která dokáže urychlit načítání vašich webů. Je už téměř plně podporovaná na straně prohlížečů i serverového software.

Případová studie Srovname.cz: jaký vliv má zrychlení webu na konverzní poměr?

12. 5. 2016 na blogu

Srovname.cz jsem pomáhal se zrychlením webu. Na mobilech se tím povedlo zvýšit konverzní poměr o jednu čtvrtinu.

Nástroje pro analýzu rychlosti načtení stránky

27. 4. 2016 v příručce

Začněte s Google PageSpeed Insights, pokračujte na WebPageTest.org. Budou se vám také hodit vývojářské nástroje v Chrome nebo jiných prohlížečích.

AMP opravuje a zároveň rozbíjí World Wide Web

13. 10. 2015 na blogu

Google řeší elegantně a otevřeně problém s rychlostí načítání. Na druhou stranu tady vzniká možnost závislosti velké části Webu na jeho vrtoších.

Critical CSS a zrychlení zobrazení stránky

4. 6. 2015 na blogu

Vkládání nezbytného CSS v inline podobě přímo do HTML kódu je způsob jak urychlit zobrazení stránky.

Guillermo Rauch: návrhové vzory pro vylepšení vnímané rychlosti webových aplikací

14. 5. 2015 na blogu

Návrhové vzory známé z rozhraní Google, Facebooku a dalších.

Co by měl umět webový kodér?

29. 3. 2015 v příručce

Kóder je technik, který oživuje uživatelská rozhraní webové prezentace nebo webové aplikace. Osnova pro výuku nebo aktualizaci znalostí o profesi.

State of the art responzivních technikálií

25. 11. 2013 na blogu

Definice responzivního webdesignu z doby před třemi a půl lety je dnes nedostačující. Problémy jsou především v rychlosti načítání webů a efektivitě práce. Myslím si, že za oba z velké části mohou naše pracovní postupy.

Martin Michálek

Autor: Martin Michálek

Nezávislý frontend designér s téměř dvacetiletou praxí a nadšením pro moderní webové postupy a technologie. Píše Vzhůru dolů, školí a je k dispozici pro konzultace. Více informací