Web: optimalizace trafficu a zrychlení stránek

Někdy se hodí mít optimalizovaný web, ať už kvůli omezení hostingu nebo "jen" kvůli zrychlení načítání stránek. Shromáždil jsem pár článků, které mi při optimalizaci mého webu dost pomohly.

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
Webpagetest

A simple online web page compression - test komprese.

A simple online web page compression - výsledek
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 bez komprese
Webpagetest - stránka s kompresí
Webpagetest - stránka s kompresí

 

Rubrika Tvorba webu | Tagy Web, Optimalizace, Rychlost, Přenos, Traffic | Ne 29.01.2012 | 2023x

Náhodné články

.