I have a background image set on the row which has my header logo. I have optimized it several times, and its size is only 39kb. I have WP rocket which improved the page speed a little bit. But the background image always is the longest to load. Is there any suggestion to make it faster?
Thank You!
Zac 🙂
Hello!
Can you send us a link to your website where we can find that background image? I will check it it still there is something that might hold her back.
Thank you!
Hi,
it look that the image is load slower, this have on it a transition and opacity, maybe removing theme will make it to load faster, for this you need to use this custom css
body .td-js-loaded .td-element-style-before {
opacity: 1;
}
body .td-element-style-before {
-webkit-transition: none;
transition: none;
}
This code need to be set in the theme panel> analytics/js code between <style> </style> tags, like this -> https://i.imgur.com/qk7VPSF.png
I hope this will help you!
Please let me know the results!
The speed didn’t really improve the header background stays black and then the image appears without a transition now. Is there any other suggestions or preloading it?
Hello Zac!
Maybe you can try to use one of these plugins: https://justfreewpthemes.com/top-8-best-wordpress-preloader-plugin-in-2019/
Thank you!
