Images in before/after image slider element are not lazy-loading and slowing LCP. Need help defering load of images or section. Section in question is on the home page.
Solved
SP Page Builder
Images in Before/After slider addon are not lazy-loading
Accepted answer
Marked as the solution
Paul Frankowski Senior Staff
2 years ago
· edited
About missing Lazy loading, indeed code was there but was not fully used :/
FIX 4 Now
Download: site_unzip_override_old_file.zip
Unzip and using FTP upload here (override old file)
components\com_sppagebuilder\addons\before_after
You can also upload here (create missing folder names)
templates\shaper_fixter\sppagebuilder\addons\before_after
4 more replies
Paul Frankowski Senior Staff
2 years ago
· edited
Hi Garrett.
What version of SPPB you have? becuase v5.3.4 it should have lazy loading in <img code as I saw, but.... I may have temporary solution for you...
Garrett McDaniel Asked this
Paul, I have V5.3.4.
Paul Frankowski Senior Staff
2 years ago
· edited
About LCP
On Home Page in Page Settings > Custom CSS add that
.sppb-before-after-wrapper {min-height: 535px;}
in theory should help, but you have height value anyway even now there.
Paul Frankowski Senior Staff
I noticed that you implemented my changes, and Lazy code is used now :)))
Garrett McDaniel Asked this
Yes, Thank you Paul, I also added custom CSS to home page. Thanks Again.
Paul Frankowski Senior Staff
You're welcome.
To improve LCP you have to talk with SEO Expert from your city/country, it may give you extra tips what you have to do or/and we can improve in the future updates.
Log in to reply.