|
АБРАКАДАБРА (Тоже самое но в читаемом виде)
Primerno tri nedeli nazad startoval proekt, posva6enniy metodam
optimizacii vremeni zagruzki veb-stranici na kliente.
Po4emu optimizacia?
Na moy vzglad, na teku6iy moment veb-razrabot4iki o4en' malo
udelaut vnimania dostupnosti (accessibility) i udobstvu pol'zovania
(usability) proektov, nad kotorimi rabotaut. Dla nix sayt — eto
kilobayti koda i para kartinok, kotorie nujno kak-to pokazat' klientu. O
pol'zovatele nikto pri etom ne dumaet, v lu46em slu4ae, prikrivaas' takimi
virajeniami, kak: «u mena otsuda i tak vse bistro gruzitsa» ili «kanali sey4as
ne te, 4to 10 let nazad».
Da, i kanali stali bistree, i ma6ini — mo6nee. No veb toje ne
stoit na meste, i programmnoe obespe4enie poroy razvivaetsa bistree, 4em
«jelezo», kotoroe ego mojet obslujivat'. Imenno poetomu optimizacia avlalas' i
avlaetsa priznakom visokogo professionalizma, i li6' nemnogie razrabot4iki
ponimaut i udelaut ey doljnoe vnimanie. Imenno poetomu poavilsa resurs, celikom i polnost'u orientirovanniy
na problemi, metodi, texniki i re6enia v oblasti optimizacii klientskoy 4asti
veba.
Po4emu klientskoy 4asti?
Na danniy moment sredi veb-razrabot4ikov su6estvuet rasxojee
zablujdenie, 4to skorost' zagruzki veb-sayta v klientskom brauzere polnost'u
opredelaetsa vremenem generacii html-stranici na servere.
Estestvenno, eto sovsem ne tak. Zagruzka stranici eto ne tol'ko
HTML. Su6estvuet mnojestvo instrumentov, kotorie pozvolaut v etom ubedit'sa,
proanalizirovat' process celikom i nayti v nem slabie mesta. No imenno takoy
analiz, kotoriy naxoditsa, fakti4eski, na storone pol'zovatela i doljen bit'
proveden v pervuu o4ered' pri ocenke dostupnosti veb-sayta, za4astuu voob6e ne
provodat libo delaut bistro i neka4estvenno. A ved' on mojet pozvolit'
umen'6it' vrema zagruzki stranic na poradok.
O4erednoy analizator?
V pervuu o4ered', WEBoptimizator — eto spravo4niy
resurs. Na nem uje razme6eno neskol'ko desatkov perevodov, analiti4eskix
publikaciy i dokladov s rossiyskix konferenciy, a takje para video-zapisey isklu4itel'no
tol'ko po tematike optimizacii klientskoy 4asti. Tema eta o4en' slabo osve6ena v
russkom internete, poetomu regularno poavlautsa i budut poavlat'sa novie
materiali.
Vo-vtorix, eto — online-instrument dla analiza
skorosti zagruzki lubogo sayta. On sravnim s su6estvuu6imi v zarubejnom
internete analogami, a po koli4estvu prakti4eskix sovetov i ssilok na
sootvetstvuu6ie materiali sil'no ix prevosxodit. Eto spravo4niy servis,
pozvolau6iy na konkretnix primerax nayti i ustranit' naibolee uzkie mesta pri
zagruzke stranici, provesti to4e4nuu optimizaciu lubogo sayta. Xo4u pod4erknut',
4to osnovnoy upor delaetsa ne na to4nosti proverki (sey4as ona previ6aet 99%), a
na detal'nosti sovetov i koli4estve informacionnix ssilok na neobxodimie
isto4niki.
Bolee podrobno o predposilkax poavlenia proekta i situacii v
dannoy oblasti mojno pro4itat'
zdes' webo.sunnybear.ru/.
Dla kogo etot proekt?
Pervona4al'no WEBoptimizator rass4itan, kone4no je, na
vebmasterov i veb-razrabot4ikov razli4nix specializaciy i professional'nix
urovney. Odnako, razme6ennie materiali po optimizacii,
priemam
dla
JavaScript,
CSS
texnikam,
CSS
sprites, balansirovki
nagruzki na kliente, sjatiu
i arxivirovaniu
oxvativaut bol'6uu sferu voprosov, kotoraa budet interesna 6irokomu krugu
professionalov. Skoree vsego, kajdiy smojet nayti 4to-to novoe dla sobstvennogo
sover6enstvovania.
4to dal'6e?
Sayt bez pol'zovateley mertv, kak kniga bez 4itateley. No ved'
knigu ne budut 4itat', esli ona sku4na i banal'na? Mne kajetsa, 4to estestvennim
putem formirovania takogo proekta budet sozdania soob6estva pol'zovateley,
kotorie kak sami zabotatsa o ka4estve svoix saytov, tak i pomogaut drugim bol'6e
ponat' i razobrat'sa v ix konkretnix problemax. Odnako, v dannom slu4ae xo4etsa
sdelat' bol'6e upor na professionalizm osnovnix u4astnikov, a ne sozdanie
o4erednoy «kurilki» na svobodnie temi. Navernoe, v blijay6em budu6em u proekta poavatsa vse atributi Veb2.0
servisa: oblaka tegov, RSS, reytingi,
mushap'i i t.d. No ved' eto ne glavnoe. Glavnoe — eto ludi, dla kotorix vse eto
budet rabotat', ili kotorie sami budut rabotat' nad etim.
Na dannim moment dla proekta nujno:
- Xostingovaa plo6adka poblije k central'nomu uzlu. Trafika
resurs na danniy moment generit ne tak mnogo (v osnovnom, vxoda6iy) i nagruzka
ot nego nebol'6aa, no trebuetsa xoro6iy kanal dla dostupa k lubomu proizvol'nomu
vebsaytu. Sey4as nabludautsa nekotorie problemi s dostupom k opredelennim
resursam.
- Dizayn i grafi4eskie ru6e4ki. Sey4as dizayn vipolnen v
minimalisti4nom stile, vozmojno, ego koncepciu stoit peresmotret' i sdelat'
proekt bolee arkim i zapominau6imsa.
- Algoritmi i dopolnitel'nie instrumenti. Pri analize
skorosti zagruzki ne vse e6e obs4itivaetsa pravil'no, i est' neskol'ko idey po
sozdaniu rada vspomogatel'nix servisov.
Esli u kogo-to poavatsa misli po lubomu iz punktov — ix mojno
napisat' pramo zdes' v kommentariax libo obsudit' so mnoy v private bolee
podrobno. Mne bi o4en' xotelos' polu4it' otklik u soob6estva, ibo proekt
sozdavalsa kak rabo4iy instrument, i zdes' glavnoe — «vovrema nato4it' svoy
topor» :)
Spasibo vsem, kto 4itaet i kommentiruet moi stat'i i perevodi.
Sey4as a obra6aus' k vam s pros'boy pomo4' ulu46it' to, 4em vi budete
pol'zovat'sa (ili uje pol'zuetes') — WEBoptimizator. Budu rad lubim va6im mislam
i soobrajeniam. Analiz moego sayta :-)
Rezul'tati proverki
- Nazvanie
- Exclusive web design - razrabotka saytov v Peterburge, veb dizayn i analiz
saytov na uzabiliti, izgo
- Adres (URL)
- www.romver.ru
- Fakti4eskiy adres
- www.romver.ru
- Data proverki
- 5 Fevrala 2008
- Ocenka
- 63 / 100
- Integral'naa ocenka
- 41 / 100
Ob6aa statistika
- 4islo faylov
- 29
- Summarniy razmer faylov
- 114613
- Vrema zagruzki (modem, 33,6kbps)
- 42.9 s
- Vrema zagruzki (skorostnoy kanal, 100 KB/s)
- 5.03 s
- Vozmojnoe uskorenie
- 279% (4352%)
Rekomendacii
- HTML-fayli mogut bit' umen'6eni v razmere. Rekomenduetsa
primenit' dla nix texniku minify, takje
razmer faylov mojet bit' su6estvenno (do 80%) umen'6en 4erez
arxivirovanie (gzip). Podrobnee o mod_gzip dla Apache.
- CSS-fayli mojno umen'6it' v razmere. Rekomenduetsa
vospol'zovat'sa instrumentom
dla sjatia CSS-faylov (osnovannom na proekte CSS Tidy). Posle etogo mojno otdavat' CSS-fayli v vide arxivov s
servera (ob6iy viigri6
do 85%). Podrobnee o sjatii
CSS-faylov.
- Ne vklu4eno ke6irovanie dla stati4eskix faylov.
Rekomenduetsa otdavat' vse resursi (kartinki, CSS-, JS- i mul'timedia fayli) s
ke6iruu6imi zagolovkami (umen'6aa tem samim koli4estvo zaprosov s klienta pri
posleduu6ix pose6eniax ili ispol'zovanii etix faylov dla prosmotra drugix
stranic sayta). Podrobnee o
vklu4enii ke6irovania dla Apache.
- Na servere ne vklu4eni ETag. Rekomenduetsa otdavat' vse
stati4eskie fayli c ke6iruu6im ETag-zagolovkom (umen'6aa tem samim koli4estvo
zaprosov s klienta pri posleduu6ix pose6eniax ili ispol'zovanii etix faylov dla
prosmotra drugix stranic sayta). Podrobnee o
vklu4enii ETag dla Apache.
- JS-fayli mojno umen'6it' v razmere. Rekomenduetsa
vospol'zovat'sa instrumentom
dla sjatia JS-faylov ot Dean Edwards ili YUI Compressor (podrobnee o minimizacii
JS-koda). Posle etogo mojno otdavat' JS-fayli v vide arxivov s
servera (ob6iy viigri6
do 70%). Podrobnee o sjatii
JS-faylov.
- Zagrujaetsa bolee 1 fonovoy kartinki. Vozmojno, ix mojno
ob&edinit', ispol'zua texniku CSS sprites (i sleduu6iy
instrument). Eto pozvolit sokratit' koli4estvo zaprosov k serveru.
- Razmer fonovix kartinok o4en' bol'6oy. Vozmojno, ego mojno
umen'6it', esli podklu4at' tol'ko neobxodimie na dannoy stranice fayli ili
ispol'zovat' drugoy format dla izobrajeniy.
- Zagrujaetsa bolee 5 kartinok. Vozmojno, stoit sokratit' ix
koli4estvo, naprimer, ispol'zua texniku Image Map.
- Prisutstvuut dubliruu6iesa zaprosi. Dublirovanie CSS- i
JS-faylov neobxodimo ustranit'. Mnogokratnogo ispol'zovania odnix i tex je
kartinok mojno izbejat', ispol'zua stili. Povtorenie fonovix kartinok
ustranaetsa putem ob&edinenia selektorov.
- Pri zagruzke vebsayta obnarujeni redirekti. Kajdoe
perenapravlenie (redirect) zapros uveli4ivaet vrema zagruzki kone4nogo
resursa na kliente, neobxodimo ustranit' vse taki perenapravlenia. Vsego
zafiksirovano redirektov: 2.
Podrobnaa statistika
Fayl |
Tip / MIME |
Razmer |
Min. razmer |
ETag |
Vrema ke6a (s) |
Vsego faylov: 29 |
114613 |
95686 |
Viigri6 pri sjatii: 18927 |
Vsego dubliruu6ixsa faylov: 4 |
1164 |
|
Viigri6 bez dublikatov: 1164 |
|
Ob6iy viig |
|