Doriți să eliminați fișierele (CSS și JS) care blochează încărcarea paginilor pe WordPress? Dacă vă testați site-ul pe Google Insights PageSpeed, atunci veți vedea probabil o sugestie pentru a elimina scripturile care blochează încărcarea paginilor. În acest tutorial, vă vom arăta cum să remediați aceste fișiere care blochează încărcarea paginilor dvs., pentru a vă îmbunătăți scorul Google PageSpeed.
Ce este blocarea încărcării paginilor?
Fiecare site WordPress are o temă și pluginuri care adaugă fișiere JavaScript și CSS la final și înainte ca pagina să fie vizibilă în browser. Aceste scripturi pot crește timpul de încărcare a paginii site-ului dvs. și pot bloca redarea paginii.
Browserul unui utilizator va trebui să încarce scripturi și CSS înainte de încărcarea conținutului paginii. Aceasta înseamnă că utilizatorii cu o conexiune mai lentă vor trebui să mai aștepte câteva milisecunde pentru a vizualiza pagina.
Proprietarii de site-uri care încearcă să obțină un scor Google PageSpeed bun vor trebui să rezolve această problemă.
1 - Cum să corectați redarea paginii cu Autoptimize
Această metodă este mai simplă și recomandată pentru majoritatea utilizatorilor.
Primul lucru pe care trebuie să îl faceți este să instalați și să activați pluginul " Autoptimize “. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.
După activarea pluginului, trebuie să vizitați " Setări> Optimizare automată Pentru a configura setările pluginului.
Puteți începe bifând caseta de opțiuni JavaScript și CSS și apoi faceți clic pe butonul „Salvați modificările”.
Acum vă puteți testa site-ul web folosind instrumentul PageSpeed . Dacă încă există scripturi care blochează redarea paginii, atunci trebuie să vă întoarceți la pagina de setări a pluginului și să faceți clic pe butonul „Afișați setările avansate” din partea de sus.
Aici puteți permite pluginului să includă JS inline și să elimine scripturile care sunt excluse în mod implicit, cum ar fi „seal.js” sau „jquery.js”.
Apoi derulați în jos până la opțiunea CSS și permiteți pluginului să combine toate fișierele CSS.
Faceți clic pe butonul „Salvați modificările și goliți memoria cache” pentru a salva modificările și sterge cache-ul plugin.
După ce ați terminat, mergeți mai departe și verificați-vă site-ul web din nou cu instrumentul PageSpeed .
Asigurați-vă că vă testați site-ul cu atenție pentru a vedea că totul funcționează bine după optimizarea fișierelor JavaScript sau CSS.
2 - Remediați redarea fișierului cu W3 Total Cache
Această metodă necesită puțin mai multă muncă și este recomandată celor care au deja W3 Total Cache pe lor site-ul web.
Mai întâi va trebui să instalați și să activați pluginul W3 Total Cache. Daca ai nevoie de ajutor, consultați ghidul complet despre W3 Total Cache.
Apoi, trebuie să accesați „Performanță> Setări generale” și să derulați în jos până la secțiunea „minify”.
În primul rând, trebuie să bifați caseta „Enable” și apoi să selectați „Manual” pentru opțiunea de mod de minimizare.
Faceți clic pe buton Salvați toate setările Pentru a salva setările.
Apoi trebuie să adăugați scripturile și CSS pe care doriți să le micșorați.
Puteți obține adresele URL ale tuturor scripturilor și foilor de stil care trebuie combinate în funcție de Google PageSpeed Insights.
În conformitate cu sugestiile în care se spune: " Eliminați Render blocarea JavaScript și CSS ", Faceți clic pe" Afișați cum să rezolvați ". Vă va arăta lista de scripturi și foi de stil.
Mutați mouse-ul peste un script și acesta vă va arăta adresa URL completă. Puteți selecta această adresă URL, apoi utilizați CTRL + C pe tastatură (Comandă + C pe Mac) pentru a copia adresa URL.
Acum, accesați placa de administrare WordPress și accesați „ performanță > Minifier ".
Mai întâi trebuie să adăugați fișiere JavaScript pe care doriți să le comprimați. Derulați în jos până la secțiunea JS, apoi sub setul „operațiuni în zone” de tip încorporat pentru a „nu bloca folosind„ asincronizare ”” pentru secțiune .
Apoi, trebuie să faceți clic pe buton Adăugați un script Și apoi începeți să adăugați adrese URL de script pe care le-ați copiat din instrumentul Google PageSpeed.
După ce ați terminat, derulați în jos până la secțiunea CSS și faceți clic pe butonul „Adăugați o foaie de stil”. Acum începeți să adăugați adresele URL ale foii de stil copiate cu instrumentul Google PageSpeed.
Acum faceți clic pe buton Salvați setările și ștergeți memoria cache Pentru a stoca setările.
Accesați instrumentul Google PageSpeed și testați din nou site-ul web.
Asigurați-vă că vă testați și site-ul cu atenție pentru a vedea că totul funcționează bine.
Asta e tot pentru acest tutorial, sper că vă va permite să îmbunătățiți performanța dvs WordPress blog.
