Support » Plugin: Autoptimize » Optimize Autoptimize settings

  • Resolved Nico Marcuz

    (@nick7766)


    Hi Frank!

    We are no technical professionals so we have set up Autoptimize to the best of our knowledge.

    If we look at gtmetrix for the site [ redundant link removed ] with a total page size of 2.1MB (and 65 requests) the fully load time was 3.9sec as you can see it here

    https://gtmetrix.com/reports/www.hello-world.net/qSZpMw3C

    Is there something that we can do in the settings of autoptimize or in the loading-order for optimzing this loading time?

    thnx for helping!

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

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    well, first paint is 0,5s, onload time is 1,5s, those are not bad numbers. the 3,9 for fully loaded is mainly due to an AJAX request from borlabs (cache), ask their developers if that can be disabled somehow?

    regarding autoptimize: I would advice not to “inline all CSS” as it makes the HTML bulky, leading to overhead to fetch the initial HTML. try “inline & defer” instead (more info in the AO FAQ). and the image optimization tab might have some interesting features for you as well 🙂

    happy optimizing!
    frank

    Yes, the weekend is saved!!!

    thnx frank & greetings from Germany

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    you’re welcome Nico, feel free to leave a review of the plugin and support here! 🙂

    greetings from Belgium!

    done & nice WE 🙂
    Nico

    Hey Frank!

    I follow your “instructions” and contact the developer from Borlabs Cookie.

    I also want to follow your second hint too:

    “…I would advice not to “inline all CSS” as it makes the HTML bulky, leading to overhead to fetch the initial HTML. try “inline & defer” instead (more info in the AO FAQ)…”

    and read the “inline & defer” FAQ

    “…CSS in general should go in the head of the document. Recently a.o. Google started promoting deferring non-essential CSS, while inlining those styles needed to build the page above the fold. This is especially important to render pages as quickly as possible on mobile devices. As from Autoptimize 1.9.0 this is easy; select “inline and defer CSS”, paste the block of “above the fold CSS” in the input field (text area) and you’re good to go!…”

    But I do not really know what I had to do with this advice “…paste the block of “above the fold CSS” in the input field (text area) and you’re good to go…”

    Sry, I am not so deep into this technical stuff

    Can you give me a little hint?

    thnx in advance
    Nico

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    Have a look at this (older) video on how you can do so;

    Alternatively you could you use this plugin which tries to automatize the process for all your pages (which requires you having a paying subscription at https://criticalcss.com/).

    frank

    YES! thnx Frank for helping.

    Frank, I look at the video and try to follow them but if I look with the Google DevTools at the source code of my site (www.hello-world.net) I can’t find any /js/aggregated/ or /css/aggregated autoptimize link. I only find a php-Link

    https://www.hello-world.net/wp-content/cache/autoptimize/autoptimize_798cc02d91bd8ca4bcbcbf6682cd55da.php

    If I look via ftp into the /wp-conten/cache/autoptimize I did not find any css or js files too. I only saw files ending .php or ending php.none

    I this correct that a I find any minified css or js files?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    just visit that .php link in your browser and you’ll see the CSS you have to copy/paste 🙂

    GOT IT Frank. thnx!

    Lightroom told me to eliminate render-blocking resources like:

    css/dashicons.min.css
    js/jquery/jquery.js

    Did I only have to exclude this in autoptimze?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    you can try to do so, but test to make sure nothing breaks, esp. jquery.js is often (but not always) needed early.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Optimize Autoptimize settings’ is closed to new replies.