Rychlost načítání

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

12 nej­za­jí­ma­věj­ších fron­ten­do­vých tech­no­lo­gií roku 2018

15. 1. 2019 na blogu

S pomocí vás, čtenářů, jsem se pokusil vybrat technologické trendy, které stojí za naučení nebo minimálně sledování.

Rychlý protokol HTTP/2: S nasazením na weby na nic nečekejte

1. 1. 2019 v příručce

Je prakticky plně podporovan na straně prohlížečů i serverového software. Nic vám nebrání jej nasadit, což vám vřele doporučuji.

Jsou weby na WordPressu skutečně pomalé? Pár poznámek ke studii Dannyho Richmana

25. 10. 2018 na blogu

Weby na WordPressu z principu pomalé být nemusí. Je to chyba implementátorů, nikoliv tohoto nejpopulárnějšího systému pro správu webů.

Ikonfonty: Vykašlete se už na ně. Máme přece SVG!

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

Ikonfonty jsou jako vši. Výhodné jsou dnes už jen z pohledu pohodlí vývojáře. Ale to je dost málo, tak pojďme je už vyhubit.

Konzultujte vždy prosím nasazení nových komponent pro web s vývojáři (Případ FreshChat)

10. 10. 2018 na blogu

Snadno se stane, že i vyladěný web zničí jedno dobře míněné přidání komponenty.

Lighthouse: Nepostradatelná analýza webu od Google

16. 9. 2018 v příručce

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í.

Dvě novinky od Google: Rychlost webu jako řadící signál a Chrome ještě více tlačí na HTTPS

26. 7. 2018 na blogu

Dvě důležité změny ve vyhledávání a v prohlížeči Chrome.

Ideální hodnoty metrik rychlosti načítání

3. 7. 2018 na blogu

Zkusme si je vypočíst podle interních hodnot nástroje Lighthouse.

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.

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.

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.

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í