Cum se folosește Lazy Load pentru a încărca imagini în WordPress

Doriți să aflați cum să folosiți încărcarea leneșă pentru a încărca imagini în WordPress?

Lazy Load este o tehnică care permite site-ului dvs. să încarce doar imagini atunci când un utilizator derulează în jos la o anumită imagine, ceea ce reduce timpul de încărcare al site-ului web și îmbunătățește performanța site-ului.

Cele mai populare site-uri web care conțin imagini folosesc Lazy Load to creșteți viteza și performanța site-ului web.

În acest articol, vă vom arăta cum să încărcați imagini pe WordPress folosind Lazy Load.

De ce Lazy Load Images în WordPress?

Încărcarea leneșă a imaginilor dvs. pe WordPress vă poate accelera site-ul web și vă poate oferi un cea mai bună experiență de utilizator.

Nimănui nu îi plac site-urile web lente. De fapt, un studiu de performanță a constatat că o singură întârziere de o secundă a timpului de încărcare a paginii are ca rezultat 7% mai puține conversii, 11% mai puține afișări de pagină și 16% mai mică satisfacție a clienților.

De asemenea, motoarelor de căutare precum Google nu le plac site-urile cu încărcare lentă. De aceea, site-urile web mai rapide se clasează mai bine în rezultatele căutării.

Imaginile necesită cel mai mult timp pentru încărcare pe site-ul dvs. web comparativ cu alte elemente web. Dacă adăugați o mulțime de imagini la postările dvs., fiecare imagine vă crește timpul de încărcare a paginii.

O modalitate de a rezolva această situație este de a utiliza un Serviciu CDN. Un CDN va permite utilizatorului să descarce imagini de pe un server web cel mai apropiat de acesta și să reducă viteza de încărcare a site-ului web.

Cu toate acestea, imaginile dvs. se vor încărca în continuare și vor afecta timpul total de încărcare a paginii. Pentru a rezolva această problemă, puteți întârzia încărcarea imaginilor implementând încărcarea leneșă sau Lazy Load pe site-ul dvs. web.

Cum funcționează încărcarea leneșă a imaginilor?

În loc să vă încărcați toate imaginile simultan, încărcarea leneșă descarcă doar imaginile vizibile pe ecranul utilizatorului. Înlocuiește toate celelalte imagini cu o imagine substituent sau un spațiu gol.

Când un utilizator derulează în jos, site-ul dvs. web încarcă imagini care sunt vizibile în zona de afișare a browserului.

Încărcarea leneșă poate fi foarte benefică pentru blogul dvs. WordPress.

• Reduce timpul de încărcare inițială a paginii web, astfel încât utilizatorii să vă vadă site-ul web mai repede
• Economisește lățimea de bandă oferind doar imagini în momentul vizionării și poate economisi costurile de găzduire

Lansarea WordPress 5.5 a adăugat încărcarea leneșă ca o funcție implicită.

Cu toate acestea, dacă doriți să personalizați modul în care imaginile dvs. se încarcă leneș și imaginile de fundal se încarcă leneș, va trebui să utilizați un WordPress plug-in.

Notă: În timp ce încărcarea leneșă sau Lazy Load va ajuta la îmbunătățirea vitezei de încărcare a site-ului web, ar trebui să optimizați întotdeauna imaginile pentru web înainte de a încărca pe WordPress pentru performanțe maxime.

Vom împărți două WordPress plugin-uri diferite care vă pot ajuta să configurați cu ușurință încărcarea leneșă a imaginilor WordPress.

Metoda 1. Încărcarea leneșă a imaginilor în WordPress cu WP Rocket

Vă recomandăm să utilizați pluginul WP Rocket pentru a încărca leneș imagini în WordPress. Este cel mai bun plugin de cache WordPress de pe piață și vă permite să activați cu ușurință încărcarea leneșă a imaginilor.

În afară de asta, este un plugin foarte puternic care vă ajută să vă optimizați viteza site-ului fără a cunoaște termenii tehnici complexi.

După instalare și activare, toate setările implicite de cache recomandate vor accelera dramatic site-ul dvs. WordPress.

Pentru a activa încărcarea leneșă a imaginii, trebuie doar să bifați câteva casete. Puteți chiar să activați încărcarea leneșă pentru videoclipuri, ceea ce va îmbunătăți și mai mult viteza site-ului web.

Metoda 2. Încărcarea leneșă a imaginilor în WordPress cu Optimole

Această metodă folosește pluginul gratuit Optimole. Este unul dintre cele mai bune pluginuri de compresie a imaginilor WordPress și vă permite să activați încărcarea leneșă a imaginilor cu ușurință.

Dacă primiți mai mult de 5 de vizitatori pe lună, veți avea nevoie de versiune premium.

Când activați, accesați Media »Optimole, apoi înscrieți-vă pentru o cheie API.

Doar faceți clic pe buton Înregistrați și e-mail cheia APIȘi vă va fi trimis prin e-mail.

Apoi introduceți cheia API și faceți clic pe „ Conectați-vă la serviciul OptiMole ".

După aceea, faceți clic pe fila „ Setări ”.

Aici vă puteți asigura că „ Scară imagini și încărcare leneșă" este activat. Acest lucru va genera imagini pe baza dimensiunii ecranului vizitatorului dvs. și va îmbunătăți viteza de încărcare.

Apoi faceți clic pe opțiunea de meniu " avanced »Și selectați« Lazyload ».

Pe acest ecran, există diverse setări care vă permit să personalizați modul în care imaginile dvs. se vor încărca leneș.

În primul rând, puteți ajusta „ Excludeți mai întâi de imagini din lazyload ". Acest lucru va împiedica primele imagini ale dvs. articole sau pagini a folosi sarcina leneșă.

Puteți seta această opțiune la 0 dacă doriți ca fiecare imagine să se încarce leneș.

Apoi puteți activa opțiunea „ Scară imagini ".

Aceasta va adapta imaginile la dimensiunea ecranului vizitatorului și va face ca pagina dvs. să se încarce mai repede.

După aceea puteți activa setarea " Activați Lazyload pentru imaginile de fundal ".

Acest lucru vă va încărca leneș imaginile de fundal, care pot fi unele dintre imaginile mai mari de pe site-ul dvs. web.

O altă setare pe care o puteți activa este încărcarea leneșă a videoclipurilor și iframe-urilor încorporate. Dacă aveți mult conținut video încorporat, ar trebui să activați această setare.

Aceasta va încărca o imagine de substituent în locul videoclipului. Când faceți clic pe el, se încarcă videoclipul complet.

Puteți continua să personalizați aceste setări și să vedeți ce funcționează cel mai bine pentru site-ul și imaginile dvs.

Înainte de a ieși din setările pluginului, asigurați-vă că dați clic pe „ Salvaţi Modificările ".

1. ARMember

ARMember este un WordPress plug-in protecția conținutului. Este o soluție unică care vă permite să vindeți abonamente pe orice site web. Are o serie întreagă de instrumente care permit protejarea completă sau parțială a conținutului său.

O alta dintre caracteristicile sale este faptul ca ofera o optiune gratuita care este putin limitata din punct de vedere al functionalitatii. Apropo de caracteristici, atât de puternic WordPress plug-in ofera, printre altele:

Posibilitatea de a planifica conținut, suport pentru mai multe planuri de abonare, configurare ușoară, migrare între planurile de abonament, Asistență WooCommerce, mai multe șabloane de formulare și multe altele.

Este, de asemenea, o referință în această nișă.

Descarca | Demo | web hosting 

2. Afișarea taxelor pe țări pentru WooCommerce

Afișarea taxelor pe țări pentru WooCommerce este un plugin care vă permite să afișați prețurile produselor cu sau fără taxe, în funcție de țara vizitatorului. De asemenea, vă permite să preselectați țara de facturare a vizitatorului.

Amintiți-vă că uneori clienții pot fi confuzi din cauza diferitelor valute și atunci când acestea includ taxe, este și mai complicat. Prin urmare, afișarea impozitelor pe țări vă permite să eliminați aceste obstacole și să simplificați procesul de cumpărare.

Descarca | Demo | web hosting

3. Slick Popup Pro

Slick Popup Pro este un Extensia WordPress destul de simplu și ușor care convertește orice formă creată de plugin Formular de contact 7 într-un pop-up. Folosește formularul și o convertește într-un popup frumos și perfect receptiv.

Formularul popup poate avea mai multe utilizări, inclusiv: un formular de colectare a informațiilor, a formular de contact, un formular de înregistrare, un formular de ofertă, un formular de sugestii / reclamații și altele.

Descarca | Demo | web hosting

• Cum se configurează All In One SEO Pack WordPress
• Cum de a actualiza temele WordPress cumpărate pe ThemeForest
• Cum să afișați un link WordPress pentru a vă deconecta
• Cum se configurează All In One SEO Pack WordPress

Concluzie

Voila! Asta e pentru acest tutorial. Sperăm că acest articol v-a ajutat să învățați cum să încărcați leneș imagini în WordPress. Nu ezita sa împărtășiți cu prietenii de pe rețelele de socializare preferate. 

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress.

Dar, între timp, spuneți-ne despre dvs. comentarii și sugestii în secțiunea dedicată.

...