Kasonde Neddy
asked on
Need help with getting images to load one by one as opposed to loading all images then loading page
Hi Experts,
Need help with our african stock photo site, we are preparing to launch it soon. We have an issue with loading, it takes forevert to load the images for the categories, and need a better way to load the images ..one by one, and not like now where it loads everything then loads the images... it is using a infinity scroll. See: https://www.stockimagesafrica.com/downloads/category/southern-africa
We want it to load like pexels.com
Thanks again
Need help with our african stock photo site, we are preparing to launch it soon. We have an issue with loading, it takes forevert to load the images for the categories, and need a better way to load the images ..one by one, and not like now where it loads everything then loads the images... it is using a infinity scroll. See: https://www.stockimagesafrica.com/downloads/category/southern-africa
We want it to load like pexels.com
Thanks again
Hi,
you can use auto=compress this is from an API
https://docs.imgix.com/apis/url/auto/auto
This is what pexels is using ...
Or you can try this Api
https://tinyjpg.com/
They all charge $
you can use auto=compress this is from an API
https://docs.imgix.com/apis/url/auto/auto
This is what pexels is using ...
Or you can try this Api
https://tinyjpg.com/
They all charge $
This question needs an answer!
Become an EE member today
7 DAY FREE TRIALMembers can start a 7-Day Free trial then enjoy unlimited access to the platform.
View membership options
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
2) HTTPS - You're using a LetsEncrypt cert. Good!
3) HTTPS - You're running TLSv1.0 + TLSv1.1 so... Best disable these + only leave TLSv1.2 enabled.
4) HTTPS - OCSP stapling is disabled, which will make your site run very slow. Best enable this.
5) HTTPS - HSTS is disabled, which will make your site run very slow. Best enable this.
6) Page render - Page you provided is serving 621 assets. Best reduce this to <50, maybe <100.
Note: Pushing 621 assets down a connection to a phone or tablet will be very slow. This means, likely all mobile visitors will abandon your site before a page ever renders.
Note: If you're targeting mobile visitors, best keep in mind most visitors will be running slow connections.
7) Image height/width - Looks like your doing browser scaling of all images. This will dramatically slow down browser rendering. Best pre-scale images to 150x150 before serving them.