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.

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

Legătură ușoară:

https://usor.ro/1876

Distribuie mai departe:

7 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.

  5. Pozele sunt cele ce i-au mult din viteza site-ului.WP Fastest Cache ajuta mult.

Adaugă un comentariu

Scrie comentariul tău în căsuța de mai jos. Publicând comentarii pe acest blog, accepți politica de confidențialitate.

Completează numele tău. Adresa de email și site-ul web sunt câmpuri opționale și le poți lăsa necompletate.