No Caching/Minify on mobile devices

  • Resolved lodoubleg

    (@loqee)


    3 years, 4 months ago

    hello,

    i am using your plugin together with oxygen builder (template/page builder).
    i activated and set up all cache and minify options and ran a test on lighthouse.

    the score for desktop increased from 43 to 96.
    but the score for mobile is still low on 37.

    why is that?
    please help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter lodoubleg

    (@loqee)

    i can see the problem is mainly about the minify i think.
    none of my js and css is minified at the mobile test.

    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @loqee

    Thank you for reaching out and I am happy to assist you with this.
    In order to assist you with this I would need to see the test results and please share your website URL so I can check this.
    Thanks!

    Thread Starter lodoubleg

    (@loqee)

    hello, thank you.

    https://developers.google.com/speed/pagespeed/insights/?hl=de&url=https%3A%2F%2Fwww.kinderarzt1010.at%2F&tab=desktop

    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @loqee

    Thank you for the information.
    Yes, it’s more difficult to improve the mobile scores. Since most themes these days are responsive, the caching and minification are the same, however, google tests mobile in a different way than desktop.
    As for your report, I can see that Minify is enabled, however, I am not seeing any files being minified which brings me to a question if you have enabled JS minify and CSS minify In Performance>Minify?
    You should also keep in mind that testing is being done to simulate 3G/4G network and this depends on the location.
    One thing that no plugin can handle are external resources and google is suggesting that those are the biggest cause of low mobile score:
    Eliminate render-blocking resources: 

    https://use.fontawesome.com/releases/v5.15.3/css/all.css?ver=5.7.2
https://fonts.googleapis.com/css2?family=Open+Sans%3Awght%40300%3B400%3B600%3B700&display=swap&ver=1.7.0.5

    As you can see these resources are coming from a server other than yours, and since W3TC can only optimize the files on your server, you should consider removing those external resources and host them on your server.

    This is also the case with removing unused JS:

    https://www.gstatic.com/recaptcha/releases/Iwg4ANhK7Iu8SHToSsE0E20K/recaptcha__en.js
https://connect.facebook.net/en_US/sdk.js?hash=cafad3927ed29ff0e68a72e4be05593d
https://maps.googleapis.com/maps-api-v3/api/js/45/7/util.js
https://maps.gstatic.com/maps-api-v3/embed/js/45/7/init_embed.js
https://maps.googleapis.com/maps-api-v3/api/js/45/7/common.js
https://www.googletagmanager.com/gtag/js?id=UA-197589806-1

    This is something that impact the google page speed score, however it does not impact the user experience as you can see from the test results directly via Lighthouse:

    I hope this helps!

    Thread Starter lodoubleg

    (@loqee)

    hey, thanks for your detailed answer! i will try to deal with these external ressources and see what i can do. actually the core css and js coming from my site is minifying correctly.

    what made me pensive was that this same exact code works well on desktop test but not on mobile. i mean those external ressources do not affect the desktop lighthouse score.

    but however if this is actually still a good user experience, i dont care what the lightscore test from google pageinsights tells.

    thanks again!

    • This reply was modified 3 years, 3 months ago by lodoubleg.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘No Caching/Minify on mobile devices’ is closed to new replies.