CSS minifier YUI Compressor (PHP)

  • Resolved huubv

    (@huubv)


    5 years, 6 months ago

    Hi all,

    I’m working on https://dermex.nl. I have installed W3 Total Cache to increase speed. Scores Pagespeedsinsights: Desktop 70 , Mobile 25.

    Upon selecting the the CSS Minifier YUI Compressor (PHP) my scores sky rocket:
    Scores pagespeedinsight: Desktop 95, Mobile 65.

    However, the site breaks.

    I’ve tried solving this by setting up the minify options manually. Thus adding the URl’s to minimise specifically (through Youtube instruction videos). Didný work so far.

    I’m at the point I need help!
    Would be great if anyone can explain how i can use the YUI Compressor (PHP) for minifying CSS and it doesný break my site.

    All the other minifying options do not break the site, but also do not increase the speed.

    Thanks!

    Huub Verdonschot
    [email protected]

    • This topic was modified 5 years, 6 months ago by huubv.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Marko Vasiljevic

    (@vmarko)

    5 years, 6 months ago

    Hello @huubv

    Thank you for your inquiry and I am happy to assist you with this.
    The fact that after you enabled CSS Minifier YUI Compressor your website broke and failed to load some styling is directly responsible for the Google Page speed score. Meaning since the styling is not loaded and also some images, the test is not taking those files into consideration and that’s why your score was better when comparing to default CSS minify.
    What google complains about the most in your case is to eliminate render-blocking resources and more specifically recent blocking CSS.
    W3 Total Cache has an option for that in Performance>Minify>CSS>”eliminate render-blocking CSS by moving it to HTTP body”, however, this option is available only after upgrading to the Pro version of the plugin.
    Since CSS minifier YUI Compressor is breaking your website you should avoid using it.
    To conclude the test results were false positive, meaning not all resources were taken into consideration.
    The other thing that you can improve and that cannot be done with W3 Total Cache is to Preload key requests fir fonts by using <link rel=preload> to prioritize fetching resources that are currently requested later in page load.
    YOu should also consider using some image optimization plugin and server your images in the next-gen (webp)format.
    Thanks!

    Thread Starter huubv

    (@huubv)

    5 years, 6 months ago

    Hi Marko,

    Thanks a lot for the quick reply, you made it very clear for me.

    To solve the <link rel=preload> I’m going to download the plugin ‘Insert headers and footers’ and add codes as being instructed in this video: https://www.youtube.com/watch?v=sV5i20qGvkE

    Hope it works!

    Thanks again,
    Huub

    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    5 years, 6 months ago

    Hello @huubv

    YOu are most welcome.
    Sure that is the one way you can do it.
    Thanks!

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

The topic ‘CSS minifier YUI Compressor (PHP)’ is closed to new replies.

Tags