Máte optimalizovanou stránku nebo posíláte zbytečná data?

5. 8. 2013 02:06:42

Trochu mne překvapily výsledky interního výzkumu GTMetrix (nástroj na měření rychlosti načítání stránek navrhující patřičná řešení pro zrychlení), které ukazují, kolik dat se zbytečně stahuje z top 1000 měřených stránek.

Infografika je zde, je to velký obrázek, proto odkaz.

A co vy? Staráte se o to, aby byla Vaše stránka co možná nejrychlejší? Ruku v ruce s tím jde samozřejmě množství dat, která její návštěvník musí načítat. Jak ukazuje grafika, stačí 3 poměrně jednoduché kroky, jak se zbytečnému množství odesílaných dat (a tím zpomalování načtení stránky) bránit:

1. minify HTML/JS/CSS - optimalizace kódu a skriptů

2. zapnutí komprese odesílaných dat

3. optimalizace velikosti a kvality obrázků

Na vše se dají najít funkční skripty, které je třeba vložit do stránky, případně do šablony (functions.php, header, footer, apod.). V případě Wordpressu existují i patřičné pluginy pro některé z těchto funkcí, například pro obrázky plugin WP Smush It, ostatní obstará plugin W3 Total Cache. Důležité je správné nastavení tohoto pluginu, k čemuž najdete také dostatek informací přímo na internetu.

5. 8. 2013 02:06:42

https://webtrh.cz/diskuse/mate-optimalizovanou-stranku-nebo-posilate-zbytecna-data/#reply930535

Majox

(17 hodnocení)

5. 8. 2013 02:34:59

Na nových projektoch sa snažím aby bežali čo najoptimálnejšie, staršie si trošku viac sťahujú obrázky,keď bude čas, určite doladím. :)

Mimochodom vďaka +1 , konečne nástroj, ktorý napíše a vygeneruje všetko čo potrebujem. (úpravy starších webov započali)

5. 8. 2013 02:34:59

https://webtrh.cz/diskuse/mate-optimalizovanou-stranku-nebo-posilate-zbytecna-data/#reply930534

FAKAM

(10 hodnocení)

5. 8. 2013 10:17:58

Mne ide o každý kb. Na takúto optimalizáciu používam Firebug (Page Speed, YSlow)

Dobre poslúži tiež http://developers.google.com/speed/pagespeed/insights/

5. 8. 2013 10:17:58

https://webtrh.cz/diskuse/mate-optimalizovanou-stranku-nebo-posilate-zbytecna-data/#reply930533

Tomas Underwood

5. 8. 2013 13:07:27

Osobně optimalizuji vždy, při jakékoliv zakázce (hlavně osekávám a minimalizuji zbytečný kód). Při jednom z mojich aktuálních projektů používám Memcached a dokonce i kompresi do WebP. Rychlost načítávání stránek se po všech optimalizacech (počátečních, stále na nich pracuji) znížila o 40%.

5. 8. 2013 13:07:27

https://webtrh.cz/diskuse/mate-optimalizovanou-stranku-nebo-posilate-zbytecna-data/#reply930532

Roman

(15 hodnocení)

5. 8. 2013 13:33:34

Tomáš: patrně jsi myslel, že se rychlost načítání o 40 % zvýšila. Opačně by to nebyly moc dobré optimalizace.

U mě na nejnáročnějším webu je situace podobná, zrychlení odpovídá podobné hodnotě, používám cachování pouze na disku, Memcached jsem zde ladit ještě nezkoušel, APC jsem nerozchodil.

5. 8. 2013 13:33:34

https://webtrh.cz/diskuse/mate-optimalizovanou-stranku-nebo-posilate-zbytecna-data/#reply930531

Vladimír Smitka

(4 hodnocení)

6. 8. 2013 09:42:02

My se soustředíme v optimalizaci hlavně na cachování, které provádíme na několika úrovních (od samotné aplikace, přes DB, X-Cache, Nginx micro-cache až k nastavení expires v hlavičkách). Jinak slučujeme css a js a komprimujeme, máme i systém na automatické vytváření css sprites (ale ten mi ještě bohužel k sdrci moc nepřirostl...). Připravili jsme si vyhrazený server s 16GB RAM jen pro memcached, ale komunikací na další stroj spíše výkon brzdil (u webů, které nemají vyřešeno cachování na úrovni aplikace to naopak výkon docela přidalo).

Skóre nám nejvíce kazí načítání dat z externích služeb (webfont, mapy, měřící kódy...) a špatné zacházení z obrázky (sprites..., ale s tím máme šanci něco udělat, jen člověk nesmí být líný), ale i tak máme z testu většinou A-čko :-)

Každopádně se většinou u všeho držíme modelu 80/20 - 20% práce uspokojí 80% požadavků, takže po každém kb ze začátku nejdeme.

6. 8. 2013 09:42:02

https://webtrh.cz/diskuse/mate-optimalizovanou-stranku-nebo-posilate-zbytecna-data/#reply930530

PourFem

6. 8. 2013 12:01:40

Super nástroj - díky a REP+

6. 8. 2013 12:01:40

https://webtrh.cz/diskuse/mate-optimalizovanou-stranku-nebo-posilate-zbytecna-data/#reply930529

Pro odpověď se přihlašte.

Přihlásit