WebGL Slideshow background is ruining Total Blocking Time. https://tompihl.com/

[axelpihl]

Hello @arminunruh !
I'm using WebGL Slideshow Background for my home page for a website i'm working on. https://tompihl.com/

I really like to look of it, so firstly, thank you for that. One thing i've noticed however is that the Total Blocking Time TBT is very slow when i use it. Without the WebGL Slideshow the total blocking time is 20ms, and with it is a staggering 22830 ms ! That's crazy. Any idé how to fix this? Is there a problem with the feature itself or whats the issue? My image files are AVIF and not over 200kb each so that should not be the problem. I've also tried using the cache plugin you've recommended without any improvements. I've also tried changing all the settings on the WebGL Slideshow to see if that would fix it but no. My analysis (I'm far from an expert though!) of the problem is that the WebGL Slideshow loades all the images in the slideshow first before showing the first image, this effects the TBT a lot and makes the website score badly in the tests and causes the website to be shown less in google searches. The other pages load very quick.

The mobile version is even worse and scores worse on PageSpeed Insights on all pages even though they are built similar to the desktop version. Is this a common problem with the theme?

I have Converter for Media plugin and WP Fastest Cache plugin active with the settings you recommended.

Here are some screenshots from the speed test, with and without WebGL Slideshow.

Thanks for the fantastic theme, hope this can be solved.

/Axel

[axelpihl]

@arminunruh any solution?

[arminunruh]

hey man im a little late to the party, so 22 seconds wow thats a lot!

can you disable all extra plugins and use smaller images for your webgl background, does that change anything?

can you please create a test page for me with the webgl slideshow enabled on that page and send me your wp-admin login info?

can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?