How to fix slider flickering on page load?

How To
1

Hi, on page load, my slider is flickering white and it’s quite annoying when browsing the site.
How can I get rid of this flickering?

Appreciate any input!

2

I see you are using wp-rocket. You must exclude bricks scripts from loading defered and delay execution. in order for the slider to load propperly on pageload.

just write the word bricks in the exclusion field and it should help with loading the slider faster.

1 Like
3

Thanks @SuatB, this brings me in the right direction. I had already excluded the Slider “Splide” CSS and JS files from WP Rocket. I have now added the Bricks scripts to see, if this improves the page load and fixes the flickering.

For reference:

Bricks Slider:
/wp-content/themes/bricks/assets/css/libs/splide.min.css
/wp-content/themes/bricks/assets/js/libs/splide.min.js

Bricks Builder:
/wp-content/themes/bricks/assets/css/frontend-light.min.css
/wp-content/themes/bricks/assets/js/bricks.min.js

1 Like