Optimizare blog de carte: bookuria.info

Bookuria.info este un site dedicat iubitorilor de carte in care poti gasi noutatile editoriale si culturale precum si cele mai fresh promotii si reduceri ale editurilor.

Bogdan, proprietarul site-ului, a ales un free trial de 30 zile pentru a vedea daca reusim sa-l facem mai rapid, aceasta fiind principala nemultumire fata de hostingul curent.

Sa vedem ce am reusit!

Audit performanta

Inainte de mutarea pe serverul Simplenet bookuria.info avea un timp mediu de incarcare de 4,78 secunde, marimea paginii era de 2,5 MB iar numarul de request-uri era de 125.

Printre componentele paginii se numarau:

  • 37 js-uri – 627,6K
  • 17 css-uri – 109,1K
  • 14 cssimage – 151K
  • 31 images – 1640,5K

Scorul Google PageSpeed Insights era 73/100 iar recomandarile principale se refereau la:

  • reduce server response time (currently 1.5 sec)
  • optimize images

Un test de performanta al pluginurilor instalate si activate pe site ne arata ca pluginul Simple Share Buttons Adder are un impact negativ asupra incarcarii site-ului:

  • plugin impact: 74,4 %
  • plugin load time: 2,160 sec

Dupa dezactivarea pluginului respectiv si reluarea testului, cifrele arata mult mai bine:

  • plugin impact: 30,8%
  • plugin load time: 0,320 sec

Un alt element care afecteaza negativ performantele site-ului este tema folosita. Timpul de incarcare al temei este de 1,22 secunde, comparativ cu 0,3 secunde cat dureaza incarcarea pluginurilor.

Tema are o problema frecvent intalnita la temele WordPress premium – incearca sa ofere prea multe optiuni si astfel incarca un numar mare de fisiere js si css.

Majoritatea optiunilor nu sunt folosite in „viata reala” si performanta site-ului are de suferit.

Tema actuala incarca foarte multe fisiere js (34) si multe sunt inutile.

Sunt niste js-uri Google Maps totalizand 199,6K si nu am vazut sa fie folosite undeva pe site. Chiar daca am vrea sa plasam undeva o harta, se poate face cu iframe, n-avem nevoie de atatea js-uri.

Mai sunt niste js-uri facute pentru incarcarea fonturilor (39,1K) care e o metoda foarte ineficienta, un font din Google Library are 0,3K si se incarca foarte rapid.

Exista js-uri care nu fac nimic: syntax highlighter, de exemplu, incarca 3 js-uri care te ajuta sa incluzi in postari linii de cod sub forma de text, sa se vada codul curat daca vrea cineva sa-l copie.

Chestia asta se potriveste la un blog de programatori unde oamenii isi sharuiesc liniile de cod, la bookuria.info nu cred ca e nevoie de aceasta optiune.

Tema lucreaza cu timthumb.php pentru a face thumbnailuri – din nou, foarte ineficient.

WordPress stie sa-si faca singur thumbnailuri, nu e nevoie de inca un script php care sa faca asta.

O alta problema legata de timthumb este ca nu lasa Lazy Load-ul sa-si faca treaba (nu functioneaza incarcarea graduala a pozelor pe masura ce utilizatorul face scroll) – in felul asta pe pagina se incarca toate pozele din prima si viteza de incarcare a site-ului are de suferit.

Optimizare bookuria.info

  • am optimizat pozele
  • am inlocuit pluginurile cu probleme cu alte pluginuri care ofera aceleasi functionalitati dar sunt mai lightweight
  • am eliminat pluginurile redundante precum si cele inactive
  • am identificat in cadrul temei liniile de cod care incarca fisiere js nefolositoare si le-am eliminat
  • am implementat un sistem de page cache + database cache
  • am actualizat WordPress la ultima versiune
  • am actualizat toate pluginuri active la cele mai noi versiuni

Rezultate

Un nou test facut cu Pingdom Tools ne arata o viteza medie de incarcare a site-ului de 2,72 secunde – fata de 4,78 secunde viteza initiala.

Google PageSpeed Insights ne ofera un scor de 85/100 – fata de 73/100 scorul initial.

Numarul de fisiere js a scazut la 21, totalizand 334,4K – fata de 37 totalizand 627,6K.

Din pacate, imbunatatirea nu este majora, desi este o imbunatatire vizibila, de aproape 40%.

Marele vinovat este tema WordPress folosita, care trage site-ul in jos destul de tare. Oricat am optimiza si oricat de rapid ar fi serverul, browserul vizitatorilor tot trebuie sa descarce 2MB de informatie.

Recomandarea principala este inlocuirea temei cu una care sa nu incarce atat de multe js-uri si care sa nu foloseasca timthumb.php.

Astfel, s-ar putea reduce timpul mediu de incarcare al site-ului pana in jurul a 1-1,5 sec.

4 responses

  1. Avatar bogdan
    bogdan

    Multumesc simplenet. Servicii de calitate, suport exceptional. Drept urmare voi aduce mai multe site-uri in curtea simplenet + recomandari catre cunoscuti si prieteni.

    1. Avatar Andrei Chira
      Andrei Chira

      Iti multumim, Bogdan!

  2. Avatar David
    David

    Buna,
    Cu problema JS-urilor si CSS-urilor prea multe ma confrunt si eu.
    As putea sa le combin toate intr-unul ? Sau voi ce a-ti facut mai exact ?

    1. Avatar Andrei Chira
      Andrei Chira

      Se pot combina cu ajutorul unui plugin: Autoptimize sau Minit. Ideal ar fi sa folosesti o tema mai lightweight si doar pluginurile strict necesare, ca sa nu existe CSS-uri si JS-uri inutile.

Lasă un răspuns

Adresa ta de email nu va fi publicată.