Front End Optimization - FavIcon Size

Posted by Bogdan Nedelcu on Tue, 15 Sep 2009 12:09:11 -0500 in Web Performance

Am obiceiul ca, atunci cand intru mai des pe anumite site-uri, sa ma uit si prin codul sursa al paginii. De multe ori dai peste un cod impecabil iar de alte multe ori intalnesti si situatii amuzante ce pot tine de: comentariile in cod, lungimea si denumirea class-urilor si asa mai departe.

La un moment dat am intrat pe site-ul celor de la nod32 unde mi-a sarit in evidenta marimea favicon-ului. Daca in mod normal o astfel de imagine are fix 1.1K, in cazul de fata este de 104.4K.Adica era mai mare decat suma dintre documentul HTML(21.3K), 3 fisiere javascript(36.1K) si fisierul CSS de 26.9K.

Ce inseamna 104.4K pentru un vizitator care are un abonament de Internet Mobil si care a depasit limita de trafic lunar?

Marea majoritate a providerilor de internet mobil, dupa un anumit consum, limiteaza automat viteza de download la 128kbs, adica 16KB/s. In cazul de fata, vizitatorul care intra pe site-ul eset.ro, ii vor trebui 6.5 secunde numai pentru a incarca favicon-ul, stiti voi, iconita aceea care apare langa URL.

Mai sunt si alte site-uri care au favicon-uri neoptimizate. As mai putea da ca exemplu si bestjobs.ro, cu un favicon de 28K. Daca mai aveti si voi alte exemple, introduceti un comentariu.