Layout loading problem in the first second

Please read this:

https://blog.litespeedtech.com/2021/06/01/guest-mode-for-wordpress-in-lscwp-v4-0/

The problem with the loading css is revolved. When have it disabled. Only the mobile speed on google is now 20. How can i fix this?

See screenshot.

https://postimg.cc/dkW2NJhv

Why did you disable Guestmode?

Because we have loading problems with the layout and it takes longer to load in the first 2 seconds

Could you share the link to your page?

https://www.vbotech.nl

Thank you, but could you enable Guestmode again? But leave Guest Optimizations disabled.

Thanks for the support!

Done!

Thank you, and now enable Guest Optimizations.

Did you select any of the presets?

Thanks! Done!

Yes i have used the advanced.

You could select the Agressive preset, but this preset could cause new page effects, but this depends on the used theme and installed plugins. There is no only 1 way for optimization for all cases. I would suggest that you leave the advanced preset enabled and additionally activate combine of CSS and Javascript. The problem with your site is that you use a lot (too much) CSS and Javascript. An optimization and that applies to every optimization plugin can only change the loading behavior, but never reduce the code. Although the LiteSpeed cache plugin has special features to reduce the code, if you don’t have experience and knowledge about these special features, you will get problems that you don’t understand. Therefore it is always better to use one of the presets.

Thanks for the great support.

For testing i have enabled the Aggressive preset.
Here are already css and js combine enabled. If i am correct?
Can you look at this. Its working better?

The only problem is that the is loading the logo not correctly in this case. He is first grey and then normal loaded.

I have also tried the extreme.
Here also the same problem with the logo and some other images.

Basically you are correct, but as said all presets higher than advanced could cause new page effects, that you can’t handle anymore. Therefore you have to be an advanced user, but give aggressive a try.

Issues with logo or startup image are caused by the Guestmode, because at first load the page has a maximum on optimization. A possible solution for this page (image) effect could be the usage of UCSS and VPI feature, but read documentation first before you enable these setting. For the gray background for the logo you can choose white color for “Responsive Placeholder Color” in Media Settings tab.

This you should read to understand what UCSS and VPI feature is good for:

https://blog.litespeedtech.com/2021/06/14/unique-css-for-wordpress/
https://blog.litespeedtech.com/2022/08/02/viewport-images-service/

Thanks for the great support! The presets are very helpful!

I have now enabled the Aggressive function and changes the white background. That works!

I have tested the extreme version also. We have only the problem with the grey background back. The rest works fine. But the VPI feature is already enabled there if i am correct?