Cum să remediați JavaScript și CSS care blochează redarea site-ului dvs. WordPress

După anunțul oficial de Google, toată lumea a început să se concentreze pe timpul de încărcare a paginilor de pe site-urile lor web. Potrivit Google, site-urile web cu timp de încărcare a paginii mai mult de trei secunde nu sunt prietenoase cu SEO.


Și știți deja, în această eră a web-ului, concurența cu milioane de site-uri nu este o bucată de tort. Trebuie să vă asigurați că site-ul dvs. web este mai rapid decât alții.

Dacă compari viteza site-ului web cu cele mai importante site-uri, este posibil să lipsești, deoarece majoritatea site-urilor au timpul de încărcare a paginii sub două secunde.

Acum permiteți-mi să vorbesc despre redarea-blocare. Fiecare plugin WordPress are un fișier CSS sau JavaScript, care trebuie încărcat de browserul utilizatorului.

Înseamnă că aceste fișiere CSS și JavaScript încetinesc site-ul dvs., care se numește redarea blocării JavaScript și CSS.

În acest tutorial, veți afla despre găsirea unor astfel de fișiere și despre remedierea blocării de redare.

Analizați timpul de încărcare a paginii de pe site-ul dvs.

Puteți utiliza instrumente de analiză a vitezei precum Instrumente Pingdom, dar aici aveți nevoie de Google PageSpeed ​​Insights. Completați adresa URL a site-ului dvs. și faceți clic pe analiză.

În câteva secunde, puteți vedea raportul. Este mai bine să îmbunătățiți timpul de încărcare a paginii pentru desktop. Verificați scorul curent.

Cum să remediați JavaScript și CSS care blochează redarea site-ului dvs. WordPress

Potrivit Google, pentru o performanță excelentă, scorul ar trebui să fie între 89-100. Și trebuie să vă spun că este posibil să se realizeze 100.

Dacă derulați în jos la titlu "Oportunități pentru tine," puteți vedea câteva sugestii. De la care, Eliminați resursele care blochează redarea poate fi cea.

Cum să remediați JavaScript și CSS care blochează redarea site-ului dvs. WordPress

Faceți clic pentru a vedea resursele și puteți vedea toate fișierele CSS și JavaScript. Uneori, puteți observa orice fișier cache.

Ideea este că trebuie să vă concentrați pe optimizarea fișierelor CSS și JavaScript.

Utilizați Autoptimize pentru a minimiza fișierele CSS și JavaScript

După cum poate știți deja că Autoptimize este un plugin care ajută la optimizarea fișierelor de codare a unui site Web WordPress, puteți să-l utilizați pentru a remedia fișierele JavaScript și CSS care blochează redarea.

Mergi la Plugin-uri>>Adăuga nou și căutați Autoptimize. Instalați și activați pluginul. Sper că știi să instalezi un plugin WordPress.

Acum du-te la Setări>>Autoptimize și puteți vedea opțiuni pentru JavaScript și CSS. Bifează casetele la optimizați JavaScript și CSS.

Cum să remediați JavaScript și CSS care blochează redarea site-ului dvs. WordPress

Click pe Salvează modificările și Cache goală dacă aveți un plugin de memorie în cache. În caz contrar, faceți clic pe butonul Salvează modificările buton.

Verificați acum scorul site-ului dvs. Dacă obțineți câteva rezultate pozitive, perfecte. În caz contrar, puteți utiliza un plugin de memorie în cache precum W3 Total Cache pentru a minimiza codurile JavaScript și CSS.

Instalează și activează cache totală W3

Dacă utilizați deja W3 Total Cache ca plugin de memorie în cache pentru site-ul dvs. WordPress, nu aveți nevoie de niciun alt plugin pentru a minifica codul site-ului web.

Mergi la Performanţă>>setari generale și defilați în jos spre Comprimați Setări. Bifează caseta pentru a activa și salva modificările.

Cum să remediați JavaScript și CSS care blochează redarea site-ului dvs. WordPress

În majoritatea cazurilor, o astfel de setare de reducere rezolvă problema. Dacă vă confruntați cu orice provocare, trebuie să utilizați pluginul specific care este dezvoltat pentru a remedia JavaScript și CSS-blocarea randamentului.

Pentru site-ul meu web, puteți vedea scorul curent; este 100 pentru versiunea desktop.

Cum să remediați JavaScript și CSS care blochează redarea site-ului dvs. WordPress

Dacă vă concentrați pe versiunea mobilă, puteți adăuga manual scripturile și CSS la setările de modificare a cache-ului total W3. Deocamdată, utilizați opțiunea automată și verificați performanța site-ului dvs..

Sper că aveți o idee de a remedia JavaScript și CSS de blocare a randamentului

Fără îndoială că viteza site-urilor web joacă un rol esențial în scorul SEO. Vă puteți raporta atunci când vizitați un site web cu un timp de încărcare a paginii slab. Aștepți mult? Nu cred.

Există tone de opțiuni disponibile pe web. Dacă site-ul dvs. este lent, altcineva oferă o experiență de utilizator mai bună decât a ta.

Concluzie

Ideea principală din spatele remedierii fișierului JavaScript și al fișierului CSS este blocarea codului acestor fișiere. Dacă sunteți un dezvoltator avansat, puteți minifica JavaScript și CSS manual.

Dar dacă utilizați WordPress, există multe pluginuri pentru a îndeplini o astfel de sarcină.

Consultați aceste 3 servicii de găzduire WordPress:

FastComet

Pret de inceput:
$ 2,95


Fiabilitate
9.7


Prețuri
9.5


Ușor de utilizat
9.7


A sustine
9.7


Caracteristici
9.6

Citește recenziile

Accesați FastComet

Hostinger

Pret de inceput:
$ 0,99


Fiabilitate
9.3


Prețuri
9.3


Ușor de utilizat
9.4


A sustine
9.4


Caracteristici
9.2

Citește recenziile

Vizitați Hostinger

A2 Gazduire

Pret de inceput:
$ 3,92


Fiabilitate
9.3


Prețuri
9


Ușor de utilizat
9.3


A sustine
9.3


Caracteristici
9.3

Citește recenziile

Accesați Găzduirea A2

Articole legate de modalități conexe

  • Cum dezactivați fișierul wp-cron.php pentru site-ul dvs. WordPress folosind cPanel
    expert
  • Cum se instalează și se configurează pluginul WP Super Cache pe WordPress
    incepator
  • Cum să optimizați baza de date WordPress folosind WP-Sweep
    incepator
  • Cum să configurați un site Web de organizare WordPress
    intermediar
  • Cum să folosiți WP Security Audit Log Plugin WordPress
    intermediar
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me