Treci la conținutul principal

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

Divi: cea mai ușoară temă WordPress de utilizat

Creați cu ușurință site-ul dvs. web cu Elementor

Elementor vă permite să creați cu ușurință orice design de site web cu un aspect profesionist. Nu mai plătiți scump pentru ceea ce puteți face singur. [Gratuit]

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.

folosiți o încărcătură leneșă pentru a încărca imagini

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 leneș în imagini de fundal, va trebui să utilizați un plugin WordPress.

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ărtăși două pluginuri WordPress diferite care vă pot ajuta să configurați cu ușurință încărcarea leneșă pe imaginile 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.

Divi: cea mai bună temă WordPress din toate timpurile!

mai mult Descărcări 901.000, Divi este cea mai populară temă WordPress din lume. Este completă, ușor de folosit și are mai mult de șabloane gratuite 62. [Recomandat]

Î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.

folosiți o încărcătură leneșă pentru a încărca imagini

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 ".

Căutați cele mai bune teme și pluginuri WordPress?

Descărcați cele mai bune pluginuri și teme WordPress pe Envato și creați cu ușurință site-ul dvs. Web. Deja mai mult de descărcări 49.720.000. [EXCLUSIV]

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 ".

Descoperiți și câteva plugin-uri premium WordPress  

Puteți utiliza alte plugin-uri WordPress pentru a da un aspect modern și a optimiza aderența blogului sau a site-ului dvs. web.

Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.

1. ARMember

ARMember este un plugin pentru protecția conținutului WordPress. Este o soluție unică care vă permite să vindeți abonamente pe orice site web. Are o întreagă gamă de instrumente care vă permit să protejați integral sau parțial conținutul său.

Plugin de membru WordPress ARMember

O altă dintre caracteristicile sale este faptul că oferă o opțiune gratuită, care este puțin limitată în ceea ce privește funcționalitatea. Apropo de caracteristici, acest puternic plugin WordPress oferă 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. De înregistrare fiscală în funcție de țară pentru WooCommerce

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 | Demoweb hosting

3. Slick Popup Pro

Slick Popup Pro este un plugin 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.Plugin WordPress Popup Slick Popup Pro

Creați ușor magazinul dvs. online

Descărcați gratuit WooCommerce, cele mai bune pluginuri de e-commerce pentru a vă vinde produsele fizice și digitale pe WordPress. [Recomandat]

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

Alte resurse recomandate

De asemenea, vă invităm să consultați resursele de mai jos pentru a merge mai departe în controlul și controlul site-ului și blogului dvs.

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ă.

...  

Acest articol conține comentarii 0

Lasă un comentariu

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate *

Acest site folosește Akismet pentru a reduce nedorite. Aflați mai multe despre modul în care sunt utilizate datele dvs. de comentarii.

Inapoi in top
0 acțiuni
acțiune
tweet
Registru