Plugin Support
qtwrk
(@qtwrk)
are you visiting as login user? or guest user ?
Hi qtwrk,
Thank you for your message.
I am visiting as guest user. But both as guest or logged in a lot of unused css is loaded.
Plugin Support
qtwrk
(@qtwrk)
check if you see /wp-content/litespeed/ucss dir , and if so , check what is the file content inside of it
Thank you.
Inside the ucss-folder there are 4 files; “.litespeed_conf.dat” and 3 css-files with the following text;
/* [ERROR] UCSS generation repeatedly took too long. Likely your CSS and/or HTML will need to be optimized. Your site has been temporarily blocked from the service. If you believe this to be an error, please contact support. */
/* [ERROR] You are using a pseudo-class selector, e.g. :not, that requires parentheses but has none. Please correct this and try again. */
Do you know what is causing this and perhaps how I can solve this?
I now understand that my css file is too large to be optimized by QUIC.cloud, right?
I have also made a new css file with Sitelocity that contains only the used css. I uploaded this file to the css-folder from litespeed, but still the old css-file with all the unused css is loaded.
Is there another way to let QUIC.cloud optimize my css-file?
Plugin Support
qtwrk
(@qtwrk)
yes, currently there is a size & time cap for UCSS generation , to avoid server overload
on 2nd message it seems you have some syntax error that needs to be fixed as well.
without UCSS, it is just combing all the existing CSS found on site into 1 or few files, it won’t strip unused CSS
Unfortunately I can’t seem to solve this.
I don’t think I use that many more plugins than the average website. I’ve disabled all plugins but I still get the message that UCSS caanot be generated.
Is there a way to manually create and upload the UCSS. Currently over 98% of the CSS is unused.
Any help is very welcome!
Plugin Support
qtwrk
(@qtwrk)
what was the error message after you have disabled other plugins ?
With just the theme enabled and Litespeed Cache I flushed all cache and reloaded the website.
In the folder wp-ontent -> litespeed -> ucss I found a .dat-file and a .css-file with the following error;
/* [ERROR] You are using a pseudo-class selector, e.g. :not, that requires parentheses but has none. Please correct this and try again. */
I also tried a different theme (Hello Elementor), but with the same results.
Plugin Support
qtwrk
(@qtwrk)
this is like a CSS syntax error that UCSS generator doesn’t understand , so it gives you this error message
you could try this tool to check CSS syntax
Thank you so much for your help so far.
I was able to solve a few of the problems in the css-file, but unfortunately still without solving the problem with not loading UCSS.
I don’t understand why Pagespeed Insight indicates that the exact same css-file is 1.346,5 KiB on mobile and 181,6 KiB on desktop. https://pagespeed.web.dev/analysis/https-magnetenkopen-nl/5nwb53w9tb?form_factor=mobile (link to css-file is visible under the first error)
Do you have any idea if this is normal and what causes it? That way I can maybe find a solution.
Plugin Support
qtwrk
(@qtwrk)
because that is the combined CSS that contains everything for both mobile and desktop , so it’s like in this 180KB file , 10KB is mobile’s CSS , and 170KB is desktop CSS
it seems your page optm quota has run out , please wait for 1st Step reset and try to generate the UCSS again after you fixed CSS syntax error.
I found finally the sysntax error, bought new quota requests it is working! 🙂 I would like to thank you for your great help!
https://pagespeed.web.dev/analysis/https-www-magnetenkopen-nl/mptr8ht7pe?form_factor=mobile
Nnfortunately now the max mega menu doesn’t seem to work anymore. I see that I can exclude files for UCSS under “UCSS file exclusions and inline”.
What exactly do I have to enter if I want to exclude a plugin from UCSS?
/wp-content/plugins/megamenu/ doesn’t seem to work unfortunately…
