BETA

Lazy Load Image - Materia X2

Lanka Career ·
Answered
· 1 Comment · 25 Views

Hi, I used my Lanka Career website blog post images like this, but it's still effect to page load time, So how can I use the Lazy Load Image option ?

<img alt="Management Trainee Job Vacancies in Commercial Bank 2024" border="0" height="360" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZNHeI7O0GB04jSKNjoHiq_FcB6-ByBaF9Bg145Zd9nDVeLgnolvrdzBVjlKZZqDfszOvQbqorkCfetgbF-adOA7gMbTjlLb7lmIHF0A4pw5QWOKlukB-xWiF3bR6DnX7FVrC4iMwgxe5emzL9JUOGoVkugqF5qjX9YrhQaZ8wlEaCqY6GS16Qf-vg6_w/s1600-rw/Management-Trainee-Job-Vacancies-in-Commercial-Bank-2024.webp"/>
Recommended Answer
Recommended Answer
·

Hello,

You can add 'lazyload' class into the img element. So, the markup should be like this:

<img class="lazyload" alt="Management Trainee Job Vacancies in Commercial Bank 2024" border="0" height="360" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZNHeI7O0GB04jSKNjoHiq_FcB6-ByBaF9Bg145Zd9nDVeLgnolvrdzBVjlKZZqDfszOvQbqorkCfetgbF-adOA7gMbTjlLb7lmIHF0A4pw5QWOKlukB-xWiF3bR6DnX7FVrC4iMwgxe5emzL9JUOGoVkugqF5qjX9YrhQaZ8wlEaCqY6GS16Qf-vg6_w/s1600-rw/Management-Trainee-Job-Vacancies-in-Commercial-Bank-2024.webp"/>
 
This Thread is Locked. Commenting and Replying have been disabled.
1 Comment
Recommended Answer
Recommended Answer
·

Hello,

You can add 'lazyload' class into the img element. So, the markup should be like this:

<img class="lazyload" alt="Management Trainee Job Vacancies in Commercial Bank 2024" border="0" height="360" width="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZNHeI7O0GB04jSKNjoHiq_FcB6-ByBaF9Bg145Zd9nDVeLgnolvrdzBVjlKZZqDfszOvQbqorkCfetgbF-adOA7gMbTjlLb7lmIHF0A4pw5QWOKlukB-xWiF3bR6DnX7FVrC4iMwgxe5emzL9JUOGoVkugqF5qjX9YrhQaZ8wlEaCqY6GS16Qf-vg6_w/s1600-rw/Management-Trainee-Job-Vacancies-in-Commercial-Bank-2024.webp"/>
 
This Thread is Locked. Commenting and Replying have been disabled.
Share