Rychlost webu

Rád bych Vám představil jeden nástroj, který pravidelně používám po spuštění webů:

http://gtmetrix.com

 

Tento nástroj vám dokáže vypsat veškeré věci, které zpomalují váš web. Názorně si jej můžeme ukázat na příkladu tohoto fora. Podotýkám, že optimalizace ho teprve čeká

 

Výsledek:

http://gtmetrix.com/reports/geekforum.cz/o2ZPJgRb

 

Nástroj dokáže spočítat i velikost načítaného webu a počet requestů při načítání.

Jako jednu z největších výhod tohoto nástroje vidím v optimalizaci obrázků. Kde vám rovnou umožní stáhnout optimalizovaný obrázek ke stažení bez ztráty kvality např :

Neoptimalizovaný obrázek:

http://dev.teamexon.eu/style/images/monitoruj.png

 

Optimalizovaný obrázek:

http://gtmetrix.com/reports/geekforum.cz/o2ZPJgRb/pagespeed/monitoruj_e2055038947193f773d926185b233240.png

 

Rozdíl okem nepoznáte, ale úspora na velikosti je 17%. Velikost netextových elementů v tomto případě obrázků je jeden z vlivů na rychlost načítání webu jako celku.

 

Další věcí a zajímavostí je i to, že vás nástroj upozorní na absenci určení velikosti obrázků (image dimensions) čili absence atributů width a height.

 

Nástroj vám dokáže vypsat i chyby v nastavení serveru expires headers, počet požadavků na DNS lookups (načítání obsahu z jiných webů - externí obrázky apod), umístění JS v html kódu, zmenšování obrázků v html atributy width a height, velikost css, js a html aj.

 

Osobně si myslím, že nástroje tohoto typu by neměly chybět u žádného web developera.

Pekný nástroj, keď raz budem mať web určite využijem

Program Shrink O' Matic na optimalizáciu obrázkov

Ale ten změní jen velikost ne ? Neupravuje barvy apod

špatne nastavne som to mal upravuje to PNG etc