Extreme Preset

  • Resolved deeveearr

    (@deeveearr)


    3 years, 1 month ago

    Hi guys,

    I’m having a problem with my PageSpeed Insights figures, so I decided to throw caution to the wind and apply the Extreme Preset.

    Looked fine at first, with PSI and Core Web Vitals all in the green at last, but on further testing my rotating galleries had stopped working, and my Image galleries (on a mobile device) were going all over the place and freaking out until I refreshed the image galleries – when they started doing it again.

    I knew from past experience that UCSS would be the problem, so I just visited the Page Optimisation page and turned off ‘Generate UCSS’, ‘Inline UCSS’, and made sure that ‘CSS per URL’ were all turned off.

    All the galleries and rotators started working again, but these three adjustments turned a healthy green into a dodgy yellow in my PSI and CWV figures.

    I was looking at something called ‘Flying Press’ to resolve this, but they seem to be having their own problems.

    One thing that FP DOES do though, is to put an option to choose selectors that wouldn’t get UCSS applied to.

    I found the selectors on my website, which are

    #wtr-content (the image galleries)

    #portfolio-single-content (the rotating image galleries)

    If I wanted to exclude these two selectors from having UCSS being applied, where would I add them in the Litespeed Cache settings?

Viewing 11 replies - 1 through 11 (of 11 total)
  • serpentdriver

    (@serpentdriver)

    3 years, 1 month ago

    If I wanted to exclude these two selectors from having UCSS being applied, where would I add them in the Litespeed Cache settings?

    /wp-admin/admin.php?page=litespeed-page_optm#settings_tuning_css

    Thread Starter deeveearr

    (@deeveearr)

    3 years, 1 month ago

    Yes, I’d already figured that bit out @serpentdriver but in which panel in the Tuning CSS would I add those selectors?

    serpentdriver

    (@serpentdriver)

    3 years, 1 month ago

    In any doubt use the 1st and the 2nd.

    Thread Starter deeveearr

    (@deeveearr)

    3 years, 1 month ago

    Ok so I added those selectors to the ‘UCSS File Excludes and Inline’ and to the ‘UCSS URI Excludes’ and the rotating galleries came back.

    However there’s still a fault on the mobile version image galleries.

    What other options are there to remove Critical CSS from just the mobile version?

    serpentdriver

    (@serpentdriver)

    3 years, 1 month ago

    The issue can also be caused by Javascript. Therefore you also must exclude the affected Javascript from being optimized. If you have Javascript delayed enabled try to disable it or use the defered option.

    FYI: Each setting for optimization can work, but it must not work. It depends on your theme and plugins used. Not everything can be optimized, although it’s the job of the plugin developer to optimize his plugin at it’s best. A plugin for optimizing can only try to fix what the plugin developer didn’t do, but without promisses. If in doubt, you have to do without one or the other optimization.

    Thread Starter deeveearr

    (@deeveearr)

    3 years, 1 month ago

    So I tried adding those selectors into the JS Excludes, and also the JS Deferred/Delayed Excludes, and also turning OFF the Cache Mobile option, but it wasn’t having it – the mobile version still gets wiped out.

    So I’ve gone back to the non-creation of Critical CSS where everything works.

    serpentdriver

    (@serpentdriver)

    3 years, 1 month ago

    Did you purge the cache after all changes?

    Thread Starter deeveearr

    (@deeveearr)

    3 years, 1 month ago

    Indeed I did.

    I always do a ‘purge all’ in the back end, and then another one in the front end.

    serpentdriver

    (@serpentdriver)

    3 years, 1 month ago

    If you don’t have direct access to the page and if you don’t know the plugin, it’s difficult if not impossible to tell you remotely what you have to do specifically. Basically, the optimization functions work, but you have to be able to use them in a targeted manner, but if you don’t know where to use what and how, then it’s like flying blind. You can either try to get a result yourself with the existing settings or you can do without the Exteme preset and use the recommended preset instead, because, and you have to internalize this, every preset is only as good as your theme or/ and your plugins allow it.

    Thread Starter deeveearr

    (@deeveearr)

    3 years, 1 month ago

    I did mention earlier that through past experience, I knew that the problem laid with Critical CSS.

    This is even through a couple of theme changes, a couple of plugins and WP Rocket failing to deliver, and a few support teams coming onto my website, but they weren’t even able to provide a successful ‘bodge’ job.

    Obviously I can amend the Extreme Preset, and I’ve done that by turning off the Critical CSS production.

    serpentdriver

    (@serpentdriver)

    3 years, 1 month ago

    Obviously I can amend the Extreme Preset, and I’ve done that by turning off the Critical CSS production.

    There is (almost) always a solution. The LiteSpeed cache plugin is very flexible in this regard, but there are no one-size-fits-all solutions. You will inevitably have to deal with the problem yourself. I would have liked to present you with a solution, but unfortunately this is not possible from a distance in difficult cases.

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Extreme Preset’ is closed to new replies.