Pristatymas skaitytas 2009 metais vykusios techninės tinklaraščių (ne)konferencijos metu.

1. 2009 Spalio 15
Tinklaraščių spartos optimizavimas
Povilas Balzaravičius
T*nklas, 2009

2. 2 | 2009 Spalio 15 | Povilas Balzaravičius
Ką sužinosim?
 Optimizavimas

Techninė įranga (hardware)

Kliento pusė (frontend)

Serverio pusė (backend)

Įrankiai

3. | 2009 Spalio 15 | Povilas Balzaravičius3
Pradedam

4. 4 | 2009 Spalio 15 | Povilas Balzaravičius
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

5. 5 | 2009 Spalio 15 | Povilas Balzaravičius
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ą).

6. 6 | 2009 Spalio 15 | Povilas Balzaravičius
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į

7. 7 | 2009 Spalio 15 | Povilas Balzaravičius
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ų!

8. 8 | 2009 Spalio 15 | Povilas Balzaravičius
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

9. 9 | 2009 Spalio 15 | Povilas Balzaravičius
Serverio pusės optimizavimas
 Duomenų bazės neoptimizuosim
 Kodo netvarkysim
 Informaciją kešuosim!

Informaciją kešuojantys įskiepiai

Tinklapio turinio kešavimas

10. 10 | 2009 Spalio 15 | Povilas Balzaravičius
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“

11. 11 | 2009 Spalio 15 | Povilas Balzaravičius
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

12. | 2009 Spalio 15 | Povilas Balzaravičius12
Įrankiai

13. 13 | 2009 Spalio 15 | Povilas Balzaravičius
Firebug
 Firefox priedas
 Analizuoja užklausas

14. 14 | 2009 Spalio 15 | Povilas Balzaravičius
Firebug
 Pateikia detalią užklausų statistiką

15. 15 | 2009 Spalio 15 | Povilas Balzaravičius
Google PageSpeed
 Analizuoja tinklapio turinį ir pateikia išvadas

16. 16 | 2009 Spalio 15 | Povilas Balzaravičius
Yahoo YSlow
 Taip pat analizuoja turinį

17. 17 | 2009 Spalio 15 | Povilas Balzaravičius
Yahoo YSlow statistika

18. 18 | 2009 Spalio 15 | Povilas Balzaravičius
Yahoo YSlow įrankiai

19. 19 | 2009 Spalio 15 | Povilas Balzaravičius
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/

20. | 2009 Spalio 15 | Povilas Balzaravičius20
Klausimai?

21. 21 | 2009 Spalio 15 | Povilas Balzaravičius
Kontaktai
 Povilas Balzaravičius
 http://pawka.linija.net/
 el. paštas: povilas.balzaravicius@gmail.com
 Jabber: povilas.balzaravicius@gmail.com
 IRC: Pawka @ Aitvaras / Freenode

22. 2009 Spalio 15
Ačiū!