Dëshironi të mësoni se si të zbatoni ngarkimin dembel në WordPress?
Nëse uebfaqja juaj e WordPress mbështetet shumë në përmbajtjen vizuale, mund t'ju duhet të shtoni funksionalitetin Lazy Loading në të. Kjo veçori e WordPress ndihmon në përmirësimin e shpejtësisë dhe performancës së faqes në internet, duke e bërë atë thelbësore për përpjekjet tuaja për SEO.
Ky artikull do të shqyrtojë se si funksionon Lazy Loading, si dhe të mirat dhe të këqijat e tij. Do të mësoni gjithashtu se si ta zbatoni atë në faqen tuaj të internetit dhe mënyrat për të optimizuar përdorimin e tij për rezultatet më të mira.
Pa u zgjatur më tej, ju ftojmë të konsultoni listën tonë të Temat e WordPress. Por më parë, nëse nuk keni instaluar kurrë WordPress zbuloni Si të instaloj një WordPress blog hapa 7 et Si të kërkoni, instaloni dhe aktivizoni një temë WordPress në blogun tuaj
Atëherë kthehu pse ne jemi këtu.
Çfarë është Lazy Loading?
Është një veçori që lejon një faqe interneti të ngarkojë vetëm imazhe të dukshme për përdoruesit. Ndihmon faqen e internetit të ruajë shpejtësinë e shpejtë të ngarkimit duke mos ngarkuar imazhe jashtë portit të shikimit.
Si funksionon ngarkimi dembel i WordPress?
Kur një përdorues viziton një faqe interneti të WordPress, shfletuesi i tij shkarkon të gjitha imazhet në faqen e internetit menjëherë. Për faqet me shumë imazhe me rezolucion të lartë, ky proces mund të reduktojë ndjeshëm kohën e ngarkimit, gjë që mund të dëmtojë performancën e faqes suaj të internetit.
Shtimi i një ngarkimi dembel në faqen tuaj të internetit e bën atë të shkarkojë vetëm imazhe që janë të dukshme në ekranin e përdoruesit. Pjesa tjetër e skedarëve të medias zëvendësohet me një imazh mbajtës të vendndodhjes dhe ngarkohet vetëm kur përdoruesi lëviz poshtë faqen e internetit.
Avantazhet dhe disavantazhet e ngarkimit dembel të WordPress
Nëse ende po pyesni nëse duhet të zbatoni ngarkimin dembel të imazhit në WordPress, këtu janë të mirat dhe të këqijat e veçorisë:
Avantages:
- Redukton përdorimin e gjerësisë së brezit, duke ulur kostot e pritjes.
- Përmirëson shpejtësinë e faqes së internetit duke përmirësuar kështu përvojën e shfletimit të vizitorëve.
- Përmirëson përvojën celulare.
- Përmirëson përpjekjet SEO, duke rritur renditjen e faqes suaj të internetit në motorët e kërkimit.
Kundër:
- Shkakton buferim të përmbajtjes, gjë që ndikon në shpejtësinë e ngarkimit.
- Ngadalëson lëvizjen e shpejtë.
Si të shtoni ngarkim dembel në faqen tuaj të internetit të WordPress: 3 metoda
Ekzistojnë tre mënyra për të zbatuar ngarkimin dembel në faqen tuaj të internetit të WordPress. Ne ju rekomandojmë të zgjidhni metodën që i përshtatet më mirë situatës suaj.
1. Përmirësoni në WordPress 5.4 ose më të lartë
WordPress 5.4 dhe më vonë mbështet ngarkimin dembel si parazgjedhje. Po përditësoni WordPress-in tuaj në versionin e fundit do të mbështesë automatikisht ngarkimin dembel.
Edhe pse kjo është metoda më e lehtë, ajo nuk ju lejon të konfiguroni se cilat imazhe të ngarkohen me dembelizëm. Prandaj, faqja juaj e internetit mund të abuzojë me veçorinë, duke shfaqur disavantazhet e lartpërmendura.
Një faktor tjetër për t'u marrë parasysh është natyra e ndryshme e veçorisë Lazy Loading në secilin version të WordPress. Kohët e fundit, WordPress lëshoi një version të ri të WordPress që zbaton përmirësime për të adresuar çështjet me rezultate të dobëta të përmbajtjes së gjerë nga versionet më të vjetra.
Kjo do të thotë që faqet e internetit që funksionojnë në versionet më të vjetra të WordPress nuk marrin të njëjtat përfitime si ato që përdorin WordPress 5.9 që është versioni më i fundit.
2. Aktivizo ngarkimin amtare dembel përmes shfletuesit
Shfletuesit e njohur si Chrome, Firefox dhe Opera mbështesin ngarkimin dembel. Thjesht duhet të shtoni atributin te imazhet dhe videot e synuara për ta aktivizuar automatikisht.
Në ngarkimin dembel të WordPress-it vendas, atributi i ngarkimit mbështet këto tre vlera:
- Auto : Aktivizon ngarkimin dembel si parazgjedhje, që është e barabartë me mospërfshirjen e një atributi ngarkimi.
- dembel : Shpërndan ngarkimin e burimeve derisa secili të arrijë distancën e specifikuar nga porta e shikimit.
- i etur : Ngarkon të gjitha burimet sapo faqja ngarkohet, pavarësisht nga vendndodhja e tyre.
Këtu është një shembull i përdorimit:
<img src=”nom-image.png” loading=”lazy” alt=”alt attribute” width=”800″ height=”411″>Kjo metodë është e shkëlqyeshme për ngarkimin me dembelizëm të imazheve të caktuara, duke i dhënë secilës një atribut ngarkimi që dikton kur ato shfaqen në portin e shikimit. Megjithatë, ngarkimi dembel i imazheve individuale mund të marrë pak kohë, veçanërisht nëse faqja juaj e internetit përmban shumë skedarë mediash.
3. Instaloni një plugin WordPress
Meqenëse jo të gjithë shfletuesit mbështesin ngarkimin dembel për imazhet dhe videot, metoda e dytë mund të mos funksionojë gjatë gjithë kohës. Ju mund ta zbusni këtë problem duke instaluar një plugin WordPress ngarkues Lazy. Kjo metodë ju jep më shumë kontroll se cilat imazhe të ngarkoni me dembelizëm pa kodim.
Voici les shtojcat më të mira të WordPress i ngarkimit dembel për të zgjedhur, i aksesueshëm nëpërmjet drejtorisë së WordPress plugins.
Përmirësoni shpejtësinë e ngarkimit të faqes suaj të internetit
Një nga gjërat e mira në lidhje me këtë shtojcë WordPress është se ai mbështet të gjitha llojet e imazheve duke përfshirë AVIF. Kjo shtojcë WordPress me ngarkim dembel freemium ofron optimizim dhe përditësim. shkalla e imazhit për t'i përshtatur ato me pajisjet e vizitorëve, duke siguruar një përvojë përdoruesi optimale.
Kur zbulon një rrjet më të ngadaltë, kjo shtojcë WordPress ju jep mundësinë për të degraduar cilësinë e imazhit. Për më tepër, ju mund të kurseni hapësirën e ruajtjes duke ruajtur imazhe në bibliotekën cloud të kësaj shtojce WordPress.
Kjo shtojcë falas ju lejon të optimizoni imazhet për deri në 5 vizita mujore. Blerja e planit Pro do t'ju lejojë të ngarkoni me dembelë imazhet për 000 vizitorë aktivë mujorë dhe më shumë. Imazhet për të dy planet shërbehen përmes CDN-së AWS Cloudfront.
Shkarko | DEMO | web hosting
Smush
Smush është një shtojcë popullore për optimizimin e imazhit që mbështet ngarkimin dembel. Është në përputhje me Temat e WordPress të njohura, ndërtues faqesh dhe shtojca të bibliotekave të mediave. Për më tepër, ju lejon të ruani cilësimet e shtojcave në konfigurime të pakufizuara dhe t'i zbatoni ato me vetëm disa klikime.
Karakteristika të tjera të dobishme janë zbulimi i gabuar i madhësisë së imazhit, mbështetja për multisite dhe mjetet e kompresimit të imazhit. Përmirësimi në Smush Pro ju lejon të optimizoni imazhe të mëdha pa kufizime në madhësi, të ruani imazhe origjinale dhe të përdorni shtojcat e tjera WPMU Pro. Çmimet fillojnë nga 5 dollarë në muaj.
Shkarko | DEMO | web hosting
a3 Ngarkesa dembele
a3 Lazy Load është një shtojcë pa pagesë e ngarkimit dembel të orientuar drejt celularit. Është plotësisht i pajtueshëm me WordPress 5.9 dhe një numër mjetesh të njohura duke përfshirë shtojcat WebP dhe AMP.
Përveç ofrimit të funksionalitetit bazë të ngarkimit dembel, a3 Lazy Load ju lejon gjithashtu të ngarkoni me dembel video, duke përfshirë videot e ngulitura në faqe, postime, lloje postimesh të personalizuara dhe miniaplikacione. Efektet e ngarkimit dembel dhe aftësia për të ngarkuar skriptet nga kreu ose fundi janë gjithashtu të disponueshme.
Karakteristika të tjera të dukshme si mbështetja për shumë sajte, mbështetja e imazhit në WebP dhe ngarkimi dembel i iframeve – kjo vlen për iframet që bërthama e WordPress nuk i ngarkon, të tilla si Google Maps dhe mediat e integruara.
Shkarko | DEMO | web hosting
Këshilla për ngarkimin dembel të WordPress
Çelësi për të përfituar sa më shumë nga ngarkimi dembel është ta përdorni atë në mënyrë korrekte. Këtu janë disa këshilla për vendosjen e ngarkimit dembel në faqen tuaj të internetit të WordPress:
- Mos i ngarkoni me dembelë imazhet e kokës. Meqenëse imazhet e vendosura në krye të faqes janë të dukshme kur ngarkohen, ngarkimi i tyre i ngadaltë nuk ka asnjë përfitim.
- Zgjidhni mbajtësit e duhur të vendeve. Ne rekomandojmë përdorimin e një imazhi me ngjyra të forta ose me cilësi të ulët si mbajtëse për imazhet tuaja.
- Shtoni kohën e tamponit për ngarkimin e imazhit. Në këtë mënyrë, imazhet tuaja janë gati pak para hyrjes në portin e shikimit të vizitorëve, duke eliminuar çdo kohë pritjeje.
- Përcaktoni dimensionet e kontejnerëve të imazhit. Kjo do t'ju ndihmojë të shmangni ndryshimet e papritura të paraqitjes, të cilat do ta bëjnë faqen tuaj të internetit të duket e rregullt kur ngarkohet.
- Zbatoni ngarkimin dembel vetëm në faqe të gjata. Faqet e gjata përfshijnë ato që kërkojnë më shumë se dy rrotullime për të arritur në fund dhe kanë më shumë se pesë imazhe.
Ngarkimi dembel në WordPress ju lejon t'u jepni vizitorëve një përvojë më të mirë shfletimi. Përveç përmirësimit të shpejtësisë së faqes në internet, kjo veçori redukton gjithashtu përdorimin tuaj të gjerësisë së brezit. Në përgjithësi, ai ndihmon përpjekjet tuaja SEO për renditje më të mira në rezultatet e motorëve të kërkimit.
Burime të tjera të rekomanduara
Ne gjithashtu ju ftojmë të konsultoheni me burimet më poshtë për të vazhduar më tej në kontrollin dhe kontrollin e faqes dhe blogut tuaj.
- Si për të rregulluar gabimet redirection në WordPress
- Disa shtojca për të integruar shërbimet e Google në blogun tënd
- 5 plugins WordPress për të shfaqur njoftimet
- Si të krijoni template me porosi në WordPress
- Si të përdorni sfonde të ndryshme në WordPress
Përfundim
Kjo është ajo për këtë tutorial që ju tregon se si të zbatoni Lazy Loading në faqen tuaj të internetit të WordPress. Shpresojmë që ky artikull t'ju ndihmojë të kuptoni se si të përfitoni sa më shumë nga funksioni i ngarkimit dembel në faqet e internetit të WordPress. Sigurohuni që të përdorni një Host WordPress cilësi të lartë për të përmirësuar më tej performancën e faqes suaj të internetit.
Nëse keni ndonjë shqetësim ose sugjerim, ju lutemi na tregoni brenda komente.
Megjithatë, gjithashtu do të jeni në gjendje të konsultoheni me ne RESSOURCES, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress ose atë më Divi: tema më e mirë e WordPress të të gjitha kohërave.
Ndërkohë, ndajeni këtë artikull në rrjetet tuaja të ndryshme sociale.
...
