Website layout is broken when UCSS is generated, slow debug process
-
Hello, here are the screenshots of how my website looks like after UCSS is being generated for a given page. The same results happen both on mobile and desktop – wherever the UCSS got generated
https://drive.google.com/open?id=1U8rcdL52axKiDPOcKmpH_UmjcUkK0db5&usp=drive_fs
https://drive.google.com/open?id=1U93ghuMi86IQiytIJPHC3uI07MlsWtHm&usp=drive_fs
https://drive.google.com/open?id=1U97FsBg4mrfLi42La2SvKEN6pzyDHXIm&usp=drive_fs
And this is how it suppose to look like:
https://drive.google.com/open?id=1U9Fy1LgFVxDBvRXr1ht-itAyUO4hzKmh&usp=drive_fs
My settings:
I have everything turned on on page optimization settings>css except “Load CSS Asynchronously”
Mobile caching is turned on because I have elements that show up only on mobile
Guest mode ON
Guest optimization OFF
I don’t think the solution is to add selectors into allowlist like most of the tutorials suggest because the layout is totally broken and css is kind of absent.
I try to debug by adding css file links to the “UCSS File Excludes and Inline” but because the ucss is generating so slow (even if I force cron) the debug process takes me whole day and I’ve checked only a few lines so far. Is there a way to speed up the queue? But personally think they way my layout looks could indicate some specific common problem that some of you can know. What is it that should I look for? Could it be some other optimization option together with UCSS that makes UCSS to break?- This topic was modified 6 months, 2 weeks ago by .
- This topic was modified 6 months, 2 weeks ago by .
- This topic was modified 6 months, 2 weeks ago by .
- This topic was modified 6 months, 2 weeks ago by .
The page I need help with: [log in to see the link]
- You must be logged in to reply to this topic.