Optimizare blog de carte

Optimizare blog de carte: bookuria.info

Bookuria.info este un site dedicat iubitorilor de carte în care poți găsi noutățile editoriale și culturale precum și cele mai fresh promoții și reduceri ale editurilor.

Bogdan, proprietarul site-ului, a ales un audit de performanță pentru a vedea dacă reușim să-l facem mai rapid, aceasta fiind principala nemulțumire față de hosting-ul curent.

Să vedem ce am reușit!

Audit performanță

Înainte de mutarea pe serverul Simplenet bookuria.info avea un timp mediu de încărcare de 4,78 secunde, mărimea paginii era de 2,5 MB iar numărul de request-uri era de 125.

Printre componentele paginii se numărau:

  • 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 recomandările principale se refereau la:

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

Un test de performanță al pluginurilor instalate și activate pe site ne arată că pluginul Simple Share Buttons Adder are un impact negativ asupra încărcării site-ului:

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

După dezactivarea pluginului respectiv și reluarea testului, cifrele arată mult mai bine:

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

Un alt element care afectează negativ performanțele site-ului este tema folosită. Timpul de încărcare al temei este de 1,22 secunde, comparativ cu 0,3 secunde cât durează încărcarea plugin-urilor.

Tema WordPress

Tema are o problemă frecvent întâlnită la temele WordPress premium – încearcă să ofere prea multe opțiuni și astfel încarcă un număr mare de fișiere js și css.

Majoritatea opțiunilor nu sunt folosite în „viața reală” și performanța site-ului are de suferit.

Tema actuală încarcă foarte multe fisiere js (34) și multe sunt inutile.

Sunt niste js-uri Google Maps totalizând 199,6K și nu am văzut să fie folosite undeva pe site. Chiar dacă am vrea să plasăm undeva o hartă, se poate face cu iframe, n-avem nevoie de atâtea js-uri.

Mai sunt niște js-uri făcute pentru încărcarea fonturilor (39,1K) care e o metodă foarte ineficientă, un font din Google Library are 0,3K și se încarcă foarte rapid.

Există js-uri care nu fac nimic: syntax highlighter, de exemplu, încarcă 3 js-uri care te ajută să incluzi în postări linii de cod sub formă de text, să se vadă codul curat dacă vrea cineva să-l copie.

Chestia asta se potrivește la un blog de programatori unde oamenii își sharuiesc liniile de cod, la bookuria.info nu cred că e nevoie de această opțiune.

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

Wordpress știe să-și facă singur thumbnailuri, nu e nevoie de încă un script php care să facă asta.

O altă problemă legată de timthumb este că nu lasă Lazy Load-ul să-și facă treaba (nu funcționează încărcarea graduală a pozelor pe măsură ce utilizatorul face scroll) – în felul ăsta pe pagină se încarcă toate pozele din prima și viteza de încărcare a site-ului are de suferit.

Optimizare bookuria.info

  • am optimizat pozele
  • am înlocuit pluginurile cu probleme cu alte pluginuri care oferă aceleași funcționalități, dar sunt mai lightweight
  • am eliminat pluginurile redundante precum și cele inactive
  • am identificat în cadrul temei liniile de cod care încarcă fisiere js nefolositoare și le-am eliminat
  • am implementat un sistem de page cache + database cache
  • am actualizat WordPress la ultima versiune
  • am actualizat toate pluginurile active la cele mai noi versiuni.

Rezultate

Un nou test făcut cu Pingdom Tools ne arată o viteză medie de încărcare a site-ului de 2,72 secunde – față de 4,78 secunde viteza inițială.

Google PageSpeed Insights ne oferă un scor de 85/100 – față de 73/100 scorul inițial.

Numărul de fisiere js a scăzut la 21, totalizând 334,4K – față de 37 totalizând 627,6K.

Din păcate, îmbunătățirea nu este majoră, deși este o îmbunătățire vizibilă, de aproape 40%.

Marele vinovat este tema WordPress folosită, care trage site-ul în jos destul de tare. Oricât am optimiza și oricât de rapid ar fi serverul, browserul vizitatorilor tot trebuie să descarce 2MB de informație.

Recomandarea principală este înlocuirea temei cu una care să nu încarce atât de multe js-uri și care să nu folosească timthumb.php.

Astfel, s-ar putea reduce timpul mediu de încărcare al site-ului până în jurul a 1-1,5 sec.


Comments

4 răspunsuri la „Optimizare blog de carte: bookuria.info”

  1. 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. 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ă. Câmpurile obligatorii sunt marcate cu *