Včera som si prečítal na SME správu o tom, že "mesto Bratislava si zo súťaže Zlatý erb odnieslo absolútne prvenstvo za najlepšiu internetovú stránku celkovo...". Nevravím, že nezaslúžene. Nepoznám všetky weby v danej kategórii a ani som nejak detailne neskúmal systém hodnotenia. Na webe Bratislavy ma však okrem iného zaráža jedna podstatná vec: použiteľnosť.
Prvý komentár
Začnem neobvykle, citátom užívateľa milan74kb, ktorý uviedol v diskusii pod uvedeným článkom na SME.sk:Najlepší :-) ?
Tak to moze napisat len expert ...
skuste napr.:
http://validator.w3.org/check?...
taktiez aj
http://www.cynthiasays.com/mynewtester/cynthia.exe?...
nie je to nic extra (tie chyby), ale tvrdit ze je bezproblemovy a pristupny aj pre postihnutych je silna kava. Ale to je tak ked o veciach pisu "experti" a dalsi "experti" to hodnotia a este dalsi "experti to koduju".
Proste zase sa raz niekto nabalil na nekvalitnej robote ...
Môj komentár
Okrem validity kódu a prístupnosti stránok (spomenuté vyššie) je problémom tiež ich použiteľnosť.Rýchlosť načítania stránok je podľa analýzy WebSiteOptimization.com - Web page speed report príliš dlhá.
(Na uvedenej stránke zadajte do formulároveho poľa adresu www.bratislava.sk .)
Konkrétne, pri pripojení o rýchlosti 56K je čas stiahnutia stránok 52 sekúnd (optimálna doba je približne 7 sekúnd). Celková veľkosť stránok je 196395 bytov. Počet HTTP požiadaviek je 64(!), z toho je 56 obrazkov a 6 css súborov. Veľkosť css súborov je 27740 bytov a takto by som mohol pokračovať ďalej.
3 tipy ako to napraviť
- Znížiť počet HTTP požiadaviek.
HTTP požiadavky vo veľkej miere predĺžujú čas načítania stránok. Odporúčam zlúčiť 6 css súborov do 1 alebo 2 súborov. To isté je potrebné spraviť aj s obrázkami: Najprv znížiť ich počet (pozlučovať ich), potom ich vkladať na stránky pomocou css pozicovania obrázku ako pozadia (napr. "background:#fff url('img/example.gif') no-repeat top left;background-position:-299px 0px;"). - Optimalizovať veľkosť obrázkov.
- Optimalizovať veľkosť css súborov (vyhodenie medzier, prepísanie kódu).
PS: Kliknite a dajte hlas článku na vybrali.sme.sk, aby sa slovenský web stal o kúsok lepší.
Odporúčam:
0 komentárov:
Zverejnenie komentára