Web: optimalizace trafficu a zrychlení stránek

Odkazy na články

Jak můžeme zrychlit své webové aplikace?, Jak můžeme zrychlit své webové aplikace? 2. díl, Jak můžeme zrychlit své webové aplikace? 3. díl, Jak můžeme zrychlit své webové aplikace? 4. díl.

Optimalizace webu - tři základní kroky k optimalizaci webu, včetně návodu. Tedy optimalizace konfigurace web serveru, kódu webu a rychlosti zobrazení obsahu na straně klienta.

Jak na gzip kompresi CSS a JS souborů - návod na použití komprese css a javascriptu.

Kešovací návod pro autory webu a webmastery - rozsáhlejší pojednání o cache prohlížečů a její využití ve zrychlení načítání stránek.

Tipy pro optimalizaci webových stránek - článek na Interval.cz, přehled 8 tipů.

Best Practices for Speeding Up Your Web Site [EN] - rozsáhlý článek o optimalizaci webu.

Online nástroje

Webpagetest.org - komplexní analýza - viz samostatný článek Webpagetest: test rychlosti zobrazení stránky včetně doporučení k jejímu zrychlení.

Webpagetest

A simple online web page compression - test komprese.

A simple online web page compression - výsledek

Google PageSpeed [EN] - stačí zadat url adresu stránky a Google tuto stránku analyzuje a zobrazí doporučení pro její zrychlení. Doporučení se dělí to tří úrovní - nízká, střední a vysoká priorita. Zároveň je stránka ohodnocena (x bodů ze sta), jak hodně je optimalizovaná.

Ukázka implementace: komprese a cache

Já mám na stránkách nastaveno v htaccess (podle rady na fóru) toto:

ExpiresActive on
ExpiresByType application/x-javascript A604800
ExpiresByType text/javascript A604800
ExpiresByType text/css A604800
ExpiresByType image/gif A604800
ExpiresByType image/jpeg A604800
ExpiresByType image/jpg A604800
ExpiresByType image/p-jpeg A604800
ExpiresByType image/png A604800

<IfModule mod_deflate.c>
<FilesMatch "\\.(js|css|html|htm|php|xml|ico)$">
SetOutputFilter DEFLATE
</FilesMatch>
</IfModule>

Zrychlení načítání je docela patrné:

Webpagetest - stránka bez komprese

Webpagetest - stránka s kompresí