Cum să amânați imaginile offscreen în WordPress

Știm cu toții că viteza este foarte importantă pentru SEO și conversie. Realizarea rapidă a unui site web poate ajuta site-ul respectiv să se claseze mai sus pe Google. Și vă poate face, de asemenea, fericiți cititorii. Cui nu-i place un site rapid?

Dar atunci când încercați să optimizați un site web pentru viteză, poate fi consumator de timp cu atât de multe lucruri de făcut. De obicei, încerc din când în când să-mi testez site-ul web și să mă asigur că nu funcționează prost. Nu știi niciodată ce este nou acolo. În lumea SEO, lucrurile se schimbă foarte des.

Dacă v-ați verificat site-ul prin intermediul instrumente de testare a vitezei precum Google PageSpeed ​​Insight sau Web.dev, unul dintre avertismentele pe care le puteți primi este să „amânați imaginile în afara ecranului”.

În acest articol, voi explica ce înseamnă asta, vă voi spune cum să o remediați și vă voi recomanda pluginuri pe care le puteți utiliza pentru a o remedia.

Cu toate acestea, trebuie să știți că de ce amânarea imaginilor în afara ecranului vă poate crește viteza mobilului, cei mai importanți factori care vă afectează viteza sunt găzduirea și tema. Aici, la BloggingTools, folosim Cloudways pentru că este cea mai rapidă găzduire WordPress. Dacă nu vă permiteți Cloudways, atunci Bluehost sau Hostinger sunt opțiuni bune. Pentru Theme, folosim cea mai rapidă temă WordPress cunoscută ca GeneratePress.

Ce înseamnă amânarea imaginilor în afara ecranului?

A amâna imaginile în afara ecranului înseamnă a întârzia încărcarea imaginilor care nu sunt încă vizibile pentru utilizator. Acest lucru va face ca browserul să se concentreze pe încărcarea doar a ceea ce este necesar și, în cele din urmă, pe site-ul web mai rapid.

Dacă aveți o mulțime de imagini pe postările sau pagina de pornire, atunci când un utilizator vă vizitează site-ul, browserul începe imediat să încarce totul. Dacă imaginile sunt multe, poate dura mult timp pentru a reda pagina utilizatorului.

Dar când amânați imaginile în afara ecranului, imaginile se vor încărca numai atunci când utilizatorul derulează la ele.

Rețineți că nu numai imaginile le puteți amâna, ci majoritatea elementelor site-ului dvs. pot fi, de asemenea, amânate până când sunt necesare.

Cum să amânați imaginile offscreen în WordPress

Puteți amâna imaginile în afara ecranului prin încărcarea leneșă a imaginilor. Încărcarea lenevă va asigura că imaginile se vor încărca numai atunci când sunt necesare. Acest lucru va face site-ul mai rapid.

Odată ce puteți încărca leneș imaginile și alte active care împiedică încărcarea rapidă a paginii dvs. „Amânarea imaginilor în afara ecranului” din Google PageSpeed ​​Insight și alte instrumente de testare vor dispărea.

Urmați acești pași pentru a amâna imaginile offscreen în WordPress:

1. Instalați un plugin Lazy loading

Există multe pluginuri de încărcare leneșă care sunt disponibile gratuit în directorul de pluginuri WordPress. Puteți merge la Plugin, adăugați nou, apoi introduceți încărcare leneșă. Instalați pe oricine cu recenzii bune.

Dar nu trebuie să instalați niciun plugin dacă aveți deja pluginuri care pot face față încărcării leneșe. Majoritatea pluginurilor de stocare în cache au încărcare leneră. Verificați pluginul de cache pentru opțiuni de încărcare leneșă. Pluginurile de optimizare a imaginii au în mare parte opțiunea de încărcare leneră.

De asemenea, dacă utilizați Jetpack și vă optimizați automat, au opțiuni de încărcare leneșă.

2. Activați opțiunile de încărcare leneră

Odată ce instalați pluginul, asigurați-vă că activați opțiunea de încărcare leneșă. Dacă aveți un plugin de cache cu o funcție de încărcare leneșă, asigurați-vă că activați această opțiune.

3. Goliți memoria cache.

Odată ce încărcarea leneșă este activată, ștergeți memoria cache și asta este tot!

Vă puteți testa din nou site-ul, avertismentul ar trebui să dispară!

Amână pluginul WordPress pentru imagini în afara ecranului

Pluginurile de amânare a imaginilor offsreen sunt aceleași ca și pluginurile de încărcare leneșă. Iată câteva mai jos:

1. jetpack

Jetpack este unul dintre cele mai populare pluginuri WordPress cu peste 5 milioane de instalări active. Dacă aveți deja Jetpack instalat, nu este nevoie să instalați un plugin suplimentar pentru încărcare leneră.

Pur și simplu activați încărcarea leneșă în Jetpack. Pentru a activa, accesați setările Jetpack, apoi sub fila de performanță, derulați în jos și activați încărcarea leneră.

2. Optimizare automată

Autoptimize este un plugin de performanță foarte popular. Dacă utilizați Autoptimize, nu este nevoie să instalați un plugin de încărcare leneră, deoarece Autoptimize are aceeași caracteristică.

Accesați setările Autoptimize, apoi faceți clic pe fila imagini și activați Încărcare leneră.

3. WP Rocket

WP Rocket este cel mai popular plugin de cache WordPress premium. Dacă utilizați WP Rocket, nu aveți nevoie de niciun alt plugin, au activată încărcarea leneșă.

Accesați setările WP Rocket apoi faceți clic pe media, de acolo puteți activa încărcarea leneșă.

4. LiteSpeed ​​​​Cache

Dacă utilizați Plugin LiteSpeed ​​Cache, Are o funcție de încărcare lenevă. Pentru a activa, pur și simplu navigați la secțiunea media și acolo puteți activa încărcarea leneră.

5. a3 Lazy Load

Dacă aveți nevoie doar de un plugin pentru încărcarea Leneșă, atunci a3 Încărcare leneșă este un plugin bun pentru asta. Pur și simplu accesați plugin > adăugați nou. Căutați a3 Lazy Load. Instalați și activați. Apoi accesați setările pluginului și activați încărcarea leneșă.

În general, unele teme, unele pluginuri cache și unele pluginuri de optimizare a imaginii vin cu funcția de încărcare leneșă.

Întrebări frecvente (FAQ)