Cum să eliminați resursele care blochează randarea din WordPress (foarte ușor)

Resursele de blocare a redării pot fi o durere mare pentru bloggeri. Google continuă să avertizeze pentru a le elimina. Există multe modalități de a le elimina, dar iată o modalitate foarte simplă care nu necesită codare.

Este foarte important să ai un blog sau un site web rapid. Este important dacă doriți să vă poziționați sus în motoarele de căutare. Dacă site-ul tău este foarte lent, cu siguranță îți va afecta SEO.

De asemenea, un site web lent poate face ca rata de respingere să devină ridicată, ceea ce vă va afecta din punct de vedere tehnic marca în multe feluri. Un site web lent poate afecta veniturile și conversia.

Majoritatea utilizatorilor sunt nerăbdători, dacă site-ul tău durează prea mult să se încarce, îl vor abandona și vor trece la o alternativă mai rapidă. Acesta este un potențial client sau un stimulent de venituri dispărut.

Dacă ați încercat să accelerați site-ul web și utilizați un instrument de testare precum Google PageSpeed ​​Insight , un avertisment pe care probabil îl veți primi este să eliminați resursele care blochează randarea.

În acest articol, veți învăța cum să eliminați cu ușurință resursele care blochează randarea.

Ce sunt resursele de blocare a redării?

Resursele care blochează randarea sunt CSS și JavaScript care încetinesc timpul de încărcare a unui site web, deoarece acesta trebuie să fie descărcat de browserul web înainte ca conținutul paginii să poată fi redat.

Când un vizitator încearcă să acceseze un site web, browserul începe imediat să citească site-ul de sus în jos. Dacă există CSS sau JavaScript, browserul va opri citirea până când descarcă și procesează fișierele. Înainte ca browserul să poată reda conținutul de mai sus, trebuie să descarce fișierele CSS sau JavaScript.

Pluginurile sau temele pe care le instalați pot adăuga unele dintre aceste CSS și JS. Unele nu trebuie să se încarce mai întâi, se pot încărca mai târziu. Dar pentru că sunt acolo în partea de sus, vă încetinesc site-ul.

Deci, ceea ce înseamnă Google prin „eliminați resursele care blochează redarea” este că eliminați resursele inutile din partea de sus a site-ului dvs., deoarece încetinește încărcarea conținutului site-ului.

Cum să găsiți resurse de blocare a redării

Înainte de a putea rezolva o problemă de blocare a randării, trebuie să știi de unde provine. Poți afla ce resurse blochează randarea rulând un test pe Google PageSpeed ​​Insight sau Web.Measure.

Puteți urma pașii de mai jos pentru a găsi resurse de blocare a randării:

1. Accesați Google PageSpeed ​​Insight

2. Introduceți adresa site-ului dvs. web și faceți clic pe Analizați

3. Derulați în jos și căutați avertismentul de eliminare a resurselor care blochează redarea.

Verificați-l atât pe dispozitivul mobil, cât și pe desktop.

PageSpeed ​​Insight Desktop
Pentru BloggingTools, avem un 100 pe desktop, din fericire nu avem o problemă de blocare a randării

Pentru BloggingTools , nu avem probleme de blocare a randării pentru desktop, dar avem pentru mobil. Așadar, vom folosi versiunea mobilă, așa cum puteți vedea mai jos.

Scorul PageSpeed ​​Insight Mobile
PageSpeed ​​Insight mobil
Avem 2 probleme pentru mobil

Pentru mobil, după cum puteți vedea mai sus, avem 2 probleme de blocare a randării. Cu un scor de 93. Scorul a fost mai mare, dar de dragul acestei postări, a trebuit să dezactivez pluginul Autoptimize.

BloggingTools.org a obținut acest scor fără optimizare deoarece folosim o temă foarte rapidă și ușoară numită GeneratePress . De asemenea, găzduim pe o gazdă web foarte rapidă, cunoscută sub numele de Cloudways.

Notă : Nu ar trebui să fii obsedat de obținerea scorului 100 la PageSpeed ​​Insights. Este doar un ghid. De obicei, un scor mediu de 65 până la 80 este suficient pentru majoritatea oamenilor. Nu elimina fișierele esențiale pentru afacerea ta.

Lucrul bun despre WordPress este că nu trebuie să faci totul manual. Există câteva plugin-uri bine codificate pentru a ajuta.

Cum se rezolvă problema eliminării resurselor care blochează randarea în WordPress

Urmați acești pași pentru a remedia problema eliminării resurselor care blochează redarea:

1. Instalați și activați Autoptimize

Există multe plugin-uri WordPress care pot face asta, cum ar fi W3 total cache, WP Rocket și așa mai departe. Dar din experiența mea cu multe site-uri web, Autoptimize gestionează întotdeauna acest lucru mult mai bine decât oricare dintre ele. Lucrul minunat este că Autoptimize este compatibil cu aproape toate plugin-urile de caching WordPress și este gratuit.

Accesați directorul pluginului WordPress pentru a instala și activa Autoptimize.

2. Accesați setările Autoptimize

Dacă aveți vreodată nevoie de unde să găsiți setările Autoptimize, pe tabloul de bord WordPress faceți clic pe setări, apoi faceți clic pe Autoptimize.

3. Optimizați JavaScript

Sub Opțiuni JavaScript, selectați Optimize Script code și, de asemenea, selectați fișierele JS agregate. Puteți găsi mai jos setările pe care le folosesc pentru BloggingTools.

Optimizați automat JavaScript

4. Optimizează CSS

Sub opțiunile Optimizare CSS, selectați Optimizare cod CSS. Selectați, de asemenea, fișierele CSS agregate și „Agregați și CSS inline”. Vedeți mai jos opțiunile pe care le folosesc pentru BloggingTools.

Optimizați automat CSS

5. Optimizează HTML

Dacă doriți performanțe mai bune, puteți utiliza și Autoptimize pentru a optimiza HTML. Sub Opțiuni HTML, selectați Optimizare cod HTML. Puteți vedea mai jos setările pe care le folosesc pentru BloggingTools.

Optimizați automat HTML

6. Verificați Opțiuni diverse

Puteți verifica opțiunile diverse și puteți modifica unele setări, deoarece funcționează pentru dvs. Puteți găsi mai jos setările pentru BloggingTools.

Optimizați automat opțiuni diverse

7. Salvați și goliți memoria cache.

Apoi, faceți clic pe Salvare și goliți memoria cache. Asta e tot!

După toate acestea, vă puteți verifica din nou site-ul pe Google PageSpeed ​​Insight. Pentru BloggingTools, imediat după ce facem acest lucru, scorul nostru a crescut la 95 și toate avertismentele de eliminare a resurselor care blochează randarea au dispărut complet. Vezi mai jos.

Google PageSpeed ​​Insight mobil
Scorul Google PageSpeed ​​Insight Mobile

Rețineți că, în funcție de câte resurse de blocare a redării aveți și de cât de importante sunt acestea pentru site-ul dvs., câteva dintre ele ar putea rămâne. Nu încercați să le eliminați.

Dacă vrei să elimini și mai mult, poți folosi Async JavaScript , un plugin de același autor ca și Autoptimize. Funcționează împreună. Nu recomand acest lucru, deoarece ți-ar putea strica site-ul. Autooptimize singur este în regulă!

Concluzie

Viteza este importantă, iar eliminarea resurselor care blochează randarea poate ajuta site-ul dvs. să se încarce mai rapid și să vă ofere un scor mai bun la instrumentele de testare a vitezei. Dar nu ar trebui să fii niciodată obsedat de aceste scoruri, deoarece ele sunt doar acolo pentru a ghida.

Dacă site-ul dvs. web este în continuare foarte lent după aceasta, cele mai probabile trei probleme ar putea fi că tema sau gazda web este proastă sau că aveți plugin-uri instalate proaste. Recomand Coudways ca cea mai bună gazdă web și GeneratePress ca cea mai bună temă. Dacă sunteți începător, Bluehost se poate descurca, dar dacă vă puteți permite, Cloudways este cea mai bună. Puteți începe gratuit. Eu folosesc GeneratePress și Coudways pentru TargetTrend.

De asemenea, se va citi:

Cum să faci WordPress foarte rapid

Cum să atragi trafic către blogul tău

Cum să faci bani pe blog

Cum să începeți un blog

Mfon Abel Ekene

Mfon Abel Ekene

Îmi place să creez conținut care să fie de ajutor. Pasiunea mea este să ajut populația de pe internet să găsească ceea ce are nevoie, îndreptându-i în direcția corectă. Este ceea ce îmi place să fac și pun multe ore de cercetare și testare pentru a mă asigura că fac exact asta prin conținutul meu de pe TargetTrend.

Articole: 51

Primiți chestii de tehnologie

Tendințe tehnice, tendințe de pornire, recenzii, venituri online, instrumente web și marketing o dată sau de două ori pe lună