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.
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ă.
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.
Cel mai bun articol pentru imbunatatirea incarcarii paginii. Mersi mult. Mi-au fost de un ajutor enorm aceste sfaturi. 🙂
Mă bucur că te-au ajutat.
și pe blogger? Vreau să trec pe verde întreg blogul!
Ceea ce am scris se poate aplica pe bloguri WordPress găzduite pe host propriu. Fără WordPress.com. Nu ştiu pe blogspot.
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.
Pozele sunt cele ce i-au mult din viteza site-ului.WP Fastest Cache ajuta mult.