Cum să îmbunătăţeşti scorul PageSpeed Insights

Cum să îmbunătăţeşti scorul PageSpeed Insights

Vă întrebam săptămâna trecută cât de relevant este „scorul” dat de serviciul PageSpeed Insights în cazul unui blog. Mi-aţi răspuns că este destul de relevant, aşa că am răsfoit puţin internetul şi am găsit bloggeri ce au încercat să obţină un punctaj cât mai mare. Eu nu am reuşit să aduc „pe verde” unele pagini ale blogului, dar am îmbunătăţit respectivul diagnostic.
Voi încerca să explic, cât de bine pot, cum pot fi rezolvate unele probleme.
Cum să îmbunătăţeşti scorul PageSpeed Insights

Activaţi comprimarea

Comprimarea poate fi activată adăugând următorul cod în fişierul .htaccess din folderul principal.
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddType x-font/otf .otf
AddType x-font/ttf .ttf
AddType x-font/eot .eot
AddType x-font/woff .woff
AddType image/x-icon .ico

Profitaţi de memoria cache a browserului

Una din metode constă în adăugarea unui cod în fişierul .htaccess din folderul principal. Găsiţi codul de care vorbesc în această arhivă. Puteţi modifica numărul de secunde după care un fişier „expiră”. De exemplu, în codul din fişierul arhivat, fişierele .html sunt valabile 7200 de secunde, adică 2 ore.

Reduceți durata de răspuns a serverului

Despre îmbunătăţirea timpului de răspuns am mai scris aici. Instalaţi modulul WP Super Cache, apoi configuraţi-l. O altă metodă de a îmbunătăţi timpul de răspuns ar fi alegerea unui host mai rapid (alţi bani, altă distracţie). Puteţi folosi şi un CDN (Content Delivery Network), dacă vă surâde ideea.

Minimizaţi dimensiunile fişierului CSS / Reduceţi mărimea fişierului HTML

O treabă excelentă în acest sens o face modulul Autoptimize. Veţi creşte considerabil scorul dat de PageSpeed Insights o dată cu instalarea, activarea şi setarea acestui plugin. Va creşte şi viteza de încărcare a paginilor. 🙂
Este recomandată utilizarea acestui modul în paralel cu WP Super Cache.

Optimizaţi imaginile

Aici lucrurile se complică puţin deoarece este necesară optimizarea, pe rând, a fiecărei imagini. După optimizare, va fi necesară înlocuirea imaginilor neoptimizate cu cele (proaspăt) optimizate. Imaginile .png le puteţi optimiza aici.
Despre alte tipuri de optimizări puteţi citi în partea a doua a acestui tutorial.

Citește și  "Automatic Updater" îţi ţine blogul actualizat

Sper ca acest tutorial să fie util cât mai multor dintre voi, rubrica de comentarii rămânând deschisă.

6 comentarii la "Cum să îmbunătăţeşti scorul PageSpeed Insights"

  1. Nu imi mai bat capul cu statisticile. Incerc sa aleg teme cat mai simple, care sa se incarce destul de ok. Am vazut ca pe isights au bagat si pentru mobile… Un lucru bun.

  2. Cel mai bun articol pentru imbunatatirea incarcarii paginii. Mersi mult. Mi-au fost de un ajutor enorm aceste sfaturi. 🙂

  3. și pe blogger? Vreau să trec pe verde întreg blogul!

  4. WP-ul se poate optimiza destul de usor insa nu chiar scoruri de 100/100. Totusi, pe unul din site-urile mele am obtinut 100/100 – computerscom.ro si pot spune ca a fost destul de greu.

Lasă un comentariu

Adresa ta de e-mail nu va fi publicată. Dacă nu ai adresă de e-mail, lasă necompletat.