Tinklaraščių spartos optimizavimas Povilas Balzaravičius T*nklas, 2009

Ką sužinosim? Optimizavimas Techninė įranga (hardware) Kliento pusė (frontend) Serverio pusė (backend) Įrankiai

Optimizavimas

Techninė įranga (hardware)

Kliento pusė (frontend)

Serverio pusė (backend)

Įrankiai

Pradedam

Techninė įranga Priemonės Įdėkim daugiau RAM Atnaujinkim procesorių Nupirkim naują serverį Tačiau... Kainuoja $ Ne visada galime tai atlikti Išspręs ne visas problemas

Priemonės

Įdėkim daugiau RAM

Atnaujinkim procesorių

Nupirkim naują serverį

Tačiau...

Kainuoja $

Ne visada galime tai atlikti

Išspręs ne visas problemas

Vartotojo pusės optimizavimas 80% generavimo laiko sugaištama vartotojo pusėje! 40-60% lankytojų užsuka tuščiu kešu. Pirmas įspūdis formuoja nuomonę! Atidžiai rinkitės tinklaraščio temą (išvaizdą).

80% generavimo laiko sugaištama vartotojo pusėje!

40-60% lankytojų užsuka tuščiu kešu.

Pirmas įspūdis formuoja nuomonę!

Atidžiai rinkitės tinklaraščio temą (išvaizdą).

HTTP užklausos 1 elementas == 1 užklausa Užklausos mažina tinklapio krovimo spartą Mažinam užklausų kiekį! Ką galime nuveikti? Supaprastinti dizainą Optimizuoti turinį

1 elementas == 1 užklausa

Užklausos mažina tinklapio krovimo spartą

Mažinam užklausų kiekį!

Ką galime nuveikti?

Supaprastinti dizainą

Optimizuoti turinį

DNS užklausos (DNS lookups) DNS sieja domenus su IP adresais Naršyklė siunčia užklausą serverio IP adresui gauti Užklausa trunka 20-120 ms Naršyklė negali siųsti kitos informacijos DNS rezultatai kešuojami Minimizuojam informacijos siuntimą iš skirtingų serverių!

DNS sieja domenus su IP adresais

Naršyklė siunčia užklausą serverio IP adresui gauti

Užklausa trunka 20-120 ms

Naršyklė negali siųsti kitos informacijos

DNS rezultatai kešuojami

Minimizuojam informacijos siuntimą iš skirtingų serverių!

CSS ir JavaScript Kešuojama informacija Talpinti TIK išoriniuose failuose Failų kombinavimas Mažiau failų – mažiau užklausų Kodo minifikavimas Šalinami komentarai Šalinami tarpai YUI Compressor: http://developer.yahoo.com/yui/compressor/ Tinka JS ir CSS

Kešuojama informacija

Talpinti TIK išoriniuose failuose

Failų kombinavimas

Mažiau failų – mažiau užklausų

Kodo minifikavimas

Šalinami komentarai

Šalinami tarpai

YUI Compressor: http://developer.yahoo.com/yui/compressor/

Tinka JS ir CSS

Serverio pusės optimizavimas Duomenų bazės neoptimizuosim Kodo netvarkysim Alaus nepirksim Informaciją kešuosim! Informaciją kešuojantys įskiepiai Tinklapio turinio kešavimas

Duomenų bazės neoptimizuosim

Kodo netvarkysim

Alaus nepirksim

Informaciją kešuosim!

Informaciją kešuojantys įskiepiai

Tinklapio turinio kešavimas

Turinio kešavimas WP Super Cache http://ocaoimh.ie/wp-super-cache/ Saugo puslapio HTML versiją Įskiepių informacijos kešavimo galimybė Apsauga nuo „Digg sindromo“

WP Super Cache

http://ocaoimh.ie/wp-super-cache/

Saugo puslapio HTML versiją

Įskiepių informacijos kešavimo

galimybė

Apsauga nuo „Digg sindromo“

O kaip mano tinklaraštis? Paveiksliukus, JS, CSS ir kitą turinį talpinti serveryje kartu su tinklaraščiu Naudoti tik reikalingus įskiepius Stengtis nenaudoti išorinių tarnybų, paremtų JavaScript ar <iframe> (Twitter, Last.fm, whois.among.us, Feedburner, ...) Pasirinkti „lengvesnę“ tinklaraščio temą WP Įskiepiai Tag „performance“ - 35 Tag „caching“ - 15

Paveiksliukus, JS, CSS ir kitą turinį talpinti serveryje kartu su tinklaraščiu

Naudoti tik reikalingus įskiepius

Stengtis nenaudoti išorinių tarnybų, paremtų JavaScript ar <iframe> (Twitter, Last.fm, whois.among.us, Feedburner, ...)

Pasirinkti „lengvesnę“ tinklaraščio temą

WP Įskiepiai

Tag „performance“ - 35

Tag „caching“ - 15

Įrankiai

Firebug Firefox priedas Analizuoja užklausas

Firefox priedas

Analizuoja užklausas

Firebug Pateikia detalią užklausų statistiką

Pateikia detalią užklausų statistiką

Google PageSpeed Analizuoja tinklapio turinį ir pateikia išvadas

Analizuoja tinklapio turinį ir pateikia išvadas

Yahoo YSlow Taip pat analizuoja turinį

Taip pat analizuoja turinį

Yahoo YSlow statistika

Yahoo YSlow įrankiai

Resursai Best Practices for Speeding Up Your Web Site http://developer.yahoo.com/performance/rules.html Yahoo YSlow http://developer.yahoo.com/yslow/ Google Page Speed http://code.google.com/speed/page-speed/ Firebug http://getfirebug.com/

Best Practices for Speeding Up Your Web Site

http://developer.yahoo.com/performance/rules.html

Yahoo YSlow

http://developer.yahoo.com/yslow/

Google Page Speed

http://code.google.com/speed/page-speed/

Firebug

http://getfirebug.com/

Klausimai?

Kontaktai Povilas Balzaravičius http://pawka.linija.net/ el. paštas: [email_address] Jabber: [email_address] IRC: Pawka @ Aitvaras / Freenode

Povilas Balzaravičius

http://pawka.linija.net/

el. paštas: [email_address]

Jabber: [email_address]

IRC: Pawka @ Aitvaras / Freenode

Ačiū!