Zrychlování webu – optimalizace rychlosti načítání

Postupy, jak zrychlit načítání a ovládání webových stránek. Komprese, lazy loading, optimalizace obrázků, minifikace a cachování.

Rychlost webu ovlivňuje uživatelský zážitek i pozici ve výsledcích vyhledávání (SEO). Měří se pomocí nástrojů jako Lighthouse nebo Core Web Vitals.

Service Worker – offline web, push notifikace a cache

Service Worker je skript běžící na pozadí prohlížeče, který umožňuje offline režim, push notifikace a pokročilé cachování webových stránek.

4 minuty

Egress: Odchozí datový provoz a jeho náklady

Co je to egress traffic, jak funguje v cloudu, proč za něj (ne)platíte a jak optimalisovat náklady.

4 minuty

Vložení CSS do stránky

Jakými všemi způsoby připojit CSS do stránky.

5 minut

Rozdělování Vite/Rollup buildu do chunků

Jak rozdělit build aplikace do souborů, aby byla co nejrychlejší.

4 minuty

Cache-Control: immutable – cache trvalých souborů

HTTP hlavičkou Cache-Control: immutable jde zamezit opětovanému kontrolování neměnných souborů a zrychlit tak načítání.

2 minuty

Lazy loading obrázků

Načtení obrázků, až když je na ně odrolováno. Různé postupy řešení.

3 minuty

Jak na Facebook Instant Articles

Instant Articles je technologie pro rychlé zobrazování obsahu na Facebooku. Jak začít?

4 minuty

Hromadné datové zmenšení obrázků

Chceme-li zrychlit načítání své stránky, datová optimalisace obrázků může pomoci.

2 minuty

AMP HTML ⚡

AMP HTML je způsob tvorby webu, při kterém je stránka dobře uzpůsobena rychlému načítání na mobilních zařízeních.

5 minut

K čemu slouží CDN?

Má smysl používat pro připojení CSS a JS souborů CDN?

4 minuty

Připojení JavaScriptu s async a defer

Různé způsoby připojení JavaScriptu na stránku, aby se nezdržovalo načítání stránky.

6 minut

Vliv rychlosti webu na SEO

Může rychlost webové stránky ovlivnit její umístění ve vyhledávání?

6 minut

Data URI

Data URI je způsob, jak obsah externího souboru zapsat přímo do HTML/CSS.

4 minuty

Kdy začne stahování <img> obrázku

Kdy se začne stahovat obrázek připojený značkou <img>.

4 minuty

Přechod na HTTPS

Jaké jsou výhody a nevýhody převedení webu na zabezpečené HTTPS. Proč web na HTTPS přesunout?

9 minut

Preconnect – zrychlení stahování z více domén

Jak v prohlížečích zrychlit stahování souborů z jiné domény pomocí preconnect.

2 minuty

Datová velikost stránky

Jak by měla být stránka datově velká pro rozumně rychlé načítání.

4 minuty

Zrychlení AJAXové aplikace o 100 ms

Jak u AJAXové aplikace snadno zrychlit odezvu na kliknutí o 100 milisekund.

3 minuty

Google zrychlil načítání na mobilech

Jak Google zrychlil načítání stránek z výsledků hledání o 150 milisekund.

1 minuta

Načítání CSS bez blokování vykreslování

Jak asynchronně načítat CSS, aby neblokovalo vykreslování stránky.

4 minuty

Spojení CSS a JS souborů do jednoho

Zrychlit načítání webu pomůže sloučení CSS a JavaScriptu do jednoho souboru. Hotové řešení v PHP.

2 minuty

Novinky e-mailem

Když budu mít něco opravdu zajímavého, můžu vám to poslat e-mailem

Přidej se k 500+ čtenářům
Jen kvalitní obsah
Žádný spam

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků · Témata · Zkratky
2013–2026