Măreşte viteza de încărcare a blogului

După ce Google a anunţat că viteza de încărcare a paginii reprezintă un criteriu care poate modifica rezultatele în SERPs, toată lumea a început, înnebunită, să facă tot posibilul pentru ca site-ul lor să se încarce tot mai repede.

Din punctul meu de vedere, viteza de încărcare a site-ului este importantă, dar nu atât de importantă pe cât au făcut-o toţi să pară. Dacă site-ul tău se încarcă puţin mai greuţ, asta nu înseamnă că vei fi ultimul în Google pe nu-ştiu-ce cuvânt cheie. Google a spus că viteza de încărcare este un criteriu, nu singurul criteriu şi nici cel mai important. Aşadar, până când faci ca site-ul tău să fie cel mai rapid, mai ai multe altele de rezolvat pentru a putea apărea pe un loc nobil în Google SERPs.

Bineînţeles, trebuie să ne prezentăm cu bloguri al cărui timp de încărcare să fie cât mai mic. Nu neapărat de frica rezultatelor din Google, cât din respect pentru cititorii noştri (care s-ar putea să dispară dacă-i punem să aştepte prea mult până când se încarcă blogul).

Modalităţi cu ajutorul cărora îţi poţi face blogul mai rapid, sunt foarte multe, dar astăzi vreau să mă leg strict de imaginile de pe blog. Am să vă prezint două metode care, folosite împreună, vor face blogul vostru mai rapid.

1. Micşorează imaginile

Cu cât o imagine este mai mare, atât în dimensiune (rezoluţie), cât şi în mărime (size – kilobytes), aceasta se va încărca mai greu. Dacă cel care-ţi vizitează blogul are internet mobil, cu o viteză groaznică, până i se încarcă lui header-ul blogului tău, s-ar putea să-i cadă conexiunea.

Noi trebuie să facem în aşa fel încât imaginile să fie cât mai mici, dar claritatea lor să rămână aceeaşi. Pentru asta, Yahoo a inventat Smush.it, un tool care-ţi permite să urci imaginile acolo şi să le scoţi compresate, gata de pus pe web.

Bineînţeles, nu ştiu cine stă să urce fiecare imagine acolo înainte s-o pună pe blog, dar încearcă să-ţi compresezi imaginile din temă (gen header-ul blogului, iconiţa de la feed-ul RSS, Twitter etc.), pentru a face viaţa mai frumoasă cititorilor tăi.

Later edit: Acum stă cineva să urce fiecare imagine acolo. Am descoperit o metodă care te va face să zâmbeşti de bucurie. Am scris aici despre ea.

2. Cache-uieşte imaginile

De această metodă am aflat de curând, de la Sergiu Tot, autor pe minunatul Lamp.ro.

El ne oferă un cod pe care trebuie să-l adăugăm în fişierul .htaccess şi cu ajutorul căruia modificăm cache-ul browserului (atât al nostru, cât şi al fiecărui vizitator în parte), astfel încât imaginile (că asta ne interesează) şi fişierele cu extensia .txt, .js, sau .css (nu am zis că vorbim despre ele, dar metoda include şi aceste fişiere) vor fi păstrate într-un cache al browserului fiecărui utilizator în funcţie de timpul setat de noi (în cazul codului oferit de Sergiu, o săptămână pentru imagini şi 3 ore pentru texte).

Aşadar, adăugaţi în fişerul .htaccess al blogului vostru, următoarele linii de cod:

<ifmodule mod_headers.c>
    # O saptamana pentru imagini
    <filesmatch ".(jpg|jpeg|png|gif|swf)$">
        Header set Cache-Control "max-age=604800, public"
    </filesmatch>
 
    # 3 ore pentru texte
    <filesmatch ".(txt|js|css)$">
        Header set Cache-Control "max-age=10800"
    </filesmatch>
</ifmodule>

<ifmodule mod_expires.c>
    ExpiresActive On
    ExpiresDefault A0
 
    # O saptamana
    <filesmatch ".(jpg|jpeg|png|gif|swf)$">
        ExpiresDefault A604800
    </filesmatch>
 
    # 3 ore
    <filesmatch ".(txt|js|css)$">
        ExpiresDefault A10800
    </filesmatch>
</ifmodule>

Pentru o explicaţie amănunţită asupra codului de mai sus, vă rog să vizitaţi articolul de pe lamp.ro.

19 Comments

  1. Sorin 29 iulie, 2010
    • Cristian Florea 29 iulie, 2010
  2. Alter Ego Blog 29 iulie, 2010
    • Cristian Florea 29 iulie, 2010
  3. A.Dragos 29 iulie, 2010
  4. Dan Stefan 29 iulie, 2010
  5. articole copii 29 iulie, 2010
  6. laborator 29 iulie, 2010
  7. Serginho 29 iulie, 2010
    • Cristian Florea 29 iulie, 2010
      • Serginho 29 iulie, 2010
  8. George Jipa 29 iulie, 2010
    • George Jipa 29 iulie, 2010
    • Cristian Florea 29 iulie, 2010
  9. Tudor 29 iulie, 2010
  10. Ndrey 30 iulie, 2010
  11. Stefan 30 iulie, 2010
  12. Marius 20 august, 2013
    • Cristian Florea 20 august, 2013

Leave a Reply