minifi increases page size

  • Resolved keepersdungeon

    (@keepersdungeon)


    4 years, 6 months ago

    Hello,
    In my setting i’m using w3 total cache + cloudflare and I minify using disk in w3 total cache no in CF.
    it helps a lot with gtmetrix but I’ve noticed that some of the page sizes increases a lot! from 1.3mb to 5.9 and sometimes 6.8mb!

    In my setting i just enabled it in “general setting” and I also enabled “Html minify” but without both “inline” obtions below, I tried checking them but nothing much changed.

    and I’ve also noticed a small delay before the page starts to load as well

    Any suggestions on how to fix this?
    Kind regards,

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

    (@vmarko)

    Hello @keepersdungeon

    Thank you for your inquiry and I am happy to assist you with this.
    Can you please share the website URL and also preferably the Gtmetrix report with minify enabled and disabled so we can check the difference in the page size and the loading time?
    Thanks!

    Thread Starter keepersdungeon

    (@keepersdungeon)

    Hello,
    Thank you for your reply,
    This is the page :
    https://www.rod-fx.com/portfolio/landscapes/

    This is the test without minify:
    https://gtmetrix.com/reports/www.rod-fx.com/wHtaRbJG

    and this is the one with minify enabled:
    https://gtmetrix.com/reports/www.rod-fx.com/g3dIgwB9

    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @keepersdungeon

    Thank you for the information.
    What happens is that your images are optimized with the CSS. Once the CSS is minified, they are no longer optimized and the page size now depends on your images.
    Try disabling Html minify or CSS minify and see the Gtmetrix results after that.
    You should consider excluding a specific CSS that is optimizing your images from minifying in Performance>Minify>Advanced>” Never minify following CSS files”, Possibly use Manual minify and add the scripts manually and in order and potentially excluding the CSS responsible for this from manual minify, or use some image optimization plugin that will optimize your images and decrease the page size.
    Thanks!

    Thread Starter keepersdungeon

    (@keepersdungeon)

    Thank you for the tips but i have no idea witch one does it.
    I tried to disable HTML/css minify or add some rules but 1st one did nothing and the rules either broke the site or made the page 9.08 mb!

    But thanks again for your reply

    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @keepersdungeon

    I’d suggest that you install some image optimization plugin like Ewww image optimization or SmushIt.
    LazyLoading can may also help with this.
    Thanks!

    Thread Starter keepersdungeon

    (@keepersdungeon)

    I already use smushit
    Thanks again for the suggestions

    Thread Starter keepersdungeon

    (@keepersdungeon)

    Hello,
    I tried the manual setup and added only the files asked for by gtmetrix and it seems to work much better for the total page size. Thank you!
    I have a small question though coz some of the files found by the “help” button contains “?ver=xxx” like “frontend.js?ver=1594924878” or “simplebar.min.css?ver=5.2.1”

    Should I remove the “?ver=xxx” after the format?
    Thank you

    Thread Starter keepersdungeon

    (@keepersdungeon)

    ok after few testing, I realized that when I activate couldflare with the w3totalcahce the results go back to 5.81 mb page size and the pagespeed score drops down from 97 to 76!

    Any idea why that is happening?
    Thanks

    Thread Starter keepersdungeon

    (@keepersdungeon)

    I tried to disable Brotli on cloudflare coz I have the Gzip compression enabled for http in w3total cache but nothing change. The results still varies from 1.04 to 5.8mb they’re not constant.

    Should I keep Brotli in cloudflare enabled?

    Thank you for you time

    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @keepersdungeon

    The problem is with how your images are optimized and how the minify option impacts this.
    The brotli doe not have anything to do with this. However, potentially, if the Cloudflare minify is enabled it may cause some conflict.
    Please check if Cloudflare minify is enabled and if so, please disable it.
    As for adding the files to manual minify, you should add the files as shown in the help wizard, just select the check-box near to the file you wish to add to minify.

    Thanks!

    Thread Starter keepersdungeon

    (@keepersdungeon)

    Hello Marko,
    Thank you for your reply, no the minify in CF is disabled.
    The speed tests results changed everytime I hit test, sometimes it’s 1.04 sometimes its 5mb I’m not sure why.
    I had a question about ?ver=xxx found at the end of some css and js files. Should I keep those when I add them to minify?

    Thanks

    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @keepersdungeon

    Thank you for the information.
    In short yes you should. When using Manual minify, there is a help wizard button in the top of the page in Performance>Minify. Clicking that button will open a wizard that will list all the js/CSS files that can be added to minify. Clicking on the checkbox next to the file will add the specific file to minify. If it has a query string it should be added with the query string.
    I hope this helps!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘minifi increases page size’ is closed to new replies.