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

Publicat: 2020-05-17

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ă vă accelerați site-ul și utilizați un instrument de testare, cum ar fi Google PageSpeed ​​Insight, un avertisment pe care îl puteți primi probabil este să eliminați resursele care blochează redarea.

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

Cuprins

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ă știți de unde vine. Puteți afla ce resurse blochează randarea executâ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. Vizitaț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. Deci, de dragul acestui lucru, vom folosi Mobile 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 atins 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 să obții 100 la scorul PageSpeed ​​Insight. Este doar un ghid. De obicei, un scor mediu de 65 până la 80 este bine pentru majoritatea oamenilor. Nu eliminați fișierele care sunt esențiale pentru afacerea dvs.

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 acest lucru, cum ar fi W3 total cache, WP Rocket și așa mai departe. Dar, din experiența mea cu multe site-uri web, Autoptimize se ocupă întotdeauna mult mai bine decât oricare dintre ele. Lucrul minunat este că Autoptimize este compatibil cu aproape toate pluginurile de cache WordPress și este gratuit.

Mergeți la directorul de pluginuri 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. Optimizați 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 am făcut acest lucru, scorul nostru a crescut la 95 și toate avertismentele de eliminare a resurselor care blochează redarea 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ă doriți să eliminați în continuare, puteți utiliza JavaScript Async, un plugin de același autor ca Autoptimize. Ei lucrează împreună. Nu recomand acest lucru deoarece ți-ar putea distruge site-ul. Numai Autoptimizarea este în regulă!

Concluzie

Viteza este importantă, iar eliminarea resurselor de blocare a redării poate ajuta site-ul dvs. să se încarce mai rapid și să ofere site-ului 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. este încă foarte lent după aceasta. Cele trei probleme cele mai probabile ar putea fi că tema sau gazda dvs. web sunt proaste sau aveți pluginuri proaste instalate. 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 cel mai bun. Puteți începe gratuit. Folosesc GeneratePress și Coudways pentru TargetTrend

Citește și:

Cum să faci WordPress foarte rapid

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

Cum să faci bani prin blogging

Cum să începi un blog