Main page slider white screen before loaded

When loading the slider in main page there is always a white screen lasting for around 1 to 2 seconds before the slider is loaded and show, while i compare with your demo site, there is no this kind of white screen, please help to solve this problem.

Hello,

Navigate to Theme Settings > Performance > Preloader and enable it. This way, the preloader will show until the entire page is fully loaded, improving the user experience.

Please refer to this screenshot: https://ibb.co/3mgd6dr1

Best Regards,

Hi,

The problem here is not the preloader but the white screen itself should not be there, there should be some problem cause the white screen to be there before showing the slider, it seems the way loading the slider is too slow, as per comparing with your demo, there is no this kind of white screen and the loading is smoothly, and i am sure it is not because of the server problem, since when i load the other page it is fast, but the slider in the main page loading slow and there is white screen before the loading, can you help to check and solve this problem?

Hello,

After conducting a speed test on your website via PageSpeed, I recommend that you review the below suggestions:
https://ibb.co/FLnxjP0t

Eliminate render-blocking resources – you may try solutions described here https://onlinemediamasters.com/eliminate-render-blocking-resources-wordpress/

– Avoid an excessive DOM size – read these posts about DOM https://docs.wp-rocket.me/article/1412-avoid-an-excessive-dom-size

LCP(Largest Contentful Pain) message doesn’t mean that this particular element is loaded slowly. It just indicates which element is the Larger Contentful Paint. Read more here https://developer.chrome.com/docs/lighthouse/performance/lighthouse-largest-contentful-paint/?utm_source=lighthouse&utm_medium=lr

-Reduce unused CSS – Enable CSS minify and combine it in your cache plugin: https://www.wpbeginner.com/wp-tutorials/how-to-remove-unused-css-in-wordpress-the-right-way/

-Properly size images – Optimize the images as it described in our article: https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/#Step_3

Our guide on how to optimize your website using our themes can be found here: https://xtemos.com/wordpress-performance-optimization-the-ultimate-guide-in-2021/

Best Regards,

[Author]

Posts