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

AMP weby: Co to je a proč nás to má vůbec zajímat? (+ video)

23. 9. 2019 v příručce

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 v příručce

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 v příručce

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.

Lazy loading v kontextu webového frontendu: co to je a proč to dělat?

12. 8. 2019 v příručce

Obecně o principu líného načtení obrázků, iframe a dalších prvků, který může zrychlit načtení stránky.

CSS: Optimalizace datové velikosti

12. 6. 2019 v příručce

Velký článek o krocích, které je potřeba udělat ke zmenšení datového objemu stylů. Datová velikost CSS je totiž důležitá a každý bajt se počítá.

SpeedCurve: Nástroj pro průběžnou analýzu rychlosti webu

29. 5. 2019 v příručce

Pro mě nástroj číslo jedna pro průběžnou optimalizaci a měření rychlosti webu, který hlídá rychlostní limity, porovnává s konkurencí a mnoho dalšího.

Deskriptor font-display: Jak na řízené vykreslování webfontů?

20. 5. 2019 v příručce

Jak vykreslovat webfonty bez zbytečného probliknutí a jednotně v moderních prohlížečích?

Me­t­ri­ky rych­los­ti webů: Prů­vod­ce s de­tail­ním vy­svět­le­ním

16. 4. 2019 v příručce

Nově přepsaný text příručky. Syntetická měření, RUM a vysvětlení spousty zkratek: TTFB, DCL, FP, FCP…

Co je „Doba do načtení prvního bajtu“ (aneb „Time To First Byte“ aneb TTFB)?

8. 4. 2019 v příručce

TTFB tvoří skoro vždy tu menší část problému u pomalých webů. Ale zabývat se jím musíme. Jak první bajt změřit a jaký vliv na něj má například Gzip?

PageSpeed Insights: Kompletní průvodce testem rychlosti webu

20. 3. 2019 v příručce

Po aktualizaci koncem roku 2018 se z tohoto nástroje stal vynikající pomocník i pro nás, zkušenější. Proto nastal čas pro přepsání textu.

Ja­vaScript: Pri­o­ri­ty sta­ho­vá­ní a spouš­tě­ní

13. 3. 2019 v příručce

Jak je to s prioritami provádění a stahování JS při různých způsobech vložení do stránky?

7 bl­bos­tí z ob­las­ti webo­vé rych­los­ti

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

Pomůže zlepšit čas načtení? Může za to backend nebo WordPress? Měří to dobře Google Analytics? Spousta otázek a spousta vyvrácených mýtů.

Co je „rychlost načtení“ webu?

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

Rychlost webu není bod v čase, ale úsek uživatelské prožitku srovnatelný například s animací. Lze měřit různými metrikami, přičemž „rychlost načtení“ je asi ta nejhorší mož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.