Gusto mo bang tamad na mag-load ng mga imahe sa WordPress? Ang Lazy Loading ay nagbibigay-daan sa iyong website na mag-load lamang ng mga larawan kapag ang isang gumagamit ay mag-scroll pababa sa partikular na imahe. Makikita mo ito sa pagkilos sa maraming mga sikat na website tulad ng Buzzfeed. Sa artikulong ito, ipapakita namin sa iyo kung paano madaling tamad na mag-load ng mga imahe sa WordPress.
Bakit Lazy Load Images sa WordPress?
Walang gusto ng mga mabagal na website. Ang isang pag-aaral na isinagawa ng Strangeloop ay natagpuan na ang 1 segundong pagkaantala sa oras ng pagkarga ng pahina ay maaaring humantong sa 7% pagkawala sa mga conversion, 11% na mas kaunting mga pagtingin sa pahina, at 16% na pagbawas sa kasiyahan ng customer.
Kinukuha ng mga imahe ang pinakamaraming oras upang mai-load sa iyong website kung ihahambing sa iba pa. Kung nagdagdag ka ng maraming mga larawan sa iyong mga artikulo, ang bawat imahe ay pinapataas ang iyong oras ng pagkarga ng pahina.
Ang isang paraan upang harapin ang sitwasyong ito, ay i-optimize ang mga imahe para sa web at gumamit ng serbisyo ng CDN, tulad ng MaxCDN. Pinapayagan nito ang mga user na i-download ang maraming mga larawan nang sabay-sabay mula sa mga server na matatagpuan malapit sa mga ito.
Gayunpaman ang iyong mga imahe ay i-load pa rin, at maaapektuhan pa rin nito ang pangkalahatang oras ng pag-load ng pahina. Upang mapaglabanan ang isyung ito, maaari mong antalahin ang mga imahe sa pamamagitan ng pagpapatupad ng tamad na pag-load para sa mga larawan sa iyong website.
Paano gumagana ang tamad na pag-load para sa mga larawan?
Sa halip na i-load ang lahat ng iyong mga larawan nang sabay-sabay, ang mga tamad na naglo-load lamang ng mga larawan na makikita sa mga screen ng mga gumagamit. Pinapalitan nito ang lahat ng iba pang mga imahe na may isang imahe ng placeholder.
Habang nag-scroll ang isang gumagamit pababa, naglo-load ang iyong website ng mga larawan na nakikita na ngayon sa lugar ng panonood ng browser.
Na sinabi, tingnan natin kung paano madaling i-setup ang tamad na pag-load para sa mga larawan sa WordPress.
Pag-set up ng Lazy Load para sa Mga Imahe sa WordPress
Ang unang bagay na kailangan mong gawin ay i-install at i-activate ang BJ Lazy Load plugin. Para sa higit pang mga detalye
Sa pagsasaaktibo, kailangan mong bisitahin ang Mga Setting »BJ Lazy Load pahina upang i-configure ang mga setting ng plugin.
Maaari kang mag-aplay ng tamad na pag-load sa nilalaman, mga widget ng teksto, mga thumbnail ng post, gravatars, mga larawan, at mga iframe. Maaari ka ring mag-upload ng custom na imahe upang magamit bilang isang imahe ng placeholder.
May pagpipilian din ang plugin na ito upang ipakita ang isang bersyon ng mababang resolution ng imahe sa halip ng imahe ng placeholder. Upang magamit ang tampok na ito, kakailanganin mong i-regenerate ang mga laki ng imahe, upang makabuo ito ng isang mababang bersyon ng res para sa lahat ng iyong naunang pag-upload.
Huwag kalimutan na mag-click sa pindutang save save upang mai-imbak ang iyong mga setting.
Maaari mo na ngayong bisitahin ang iyong website upang makita ang tamad na paglo-load para sa mga larawan sa aksyon.