How to See It’s Working and If Errors

  • Resolved colin

    (@scot184)


    2 years, 1 month ago

    Hello,

    I’m a long time user of AO, but just installed AsyncJS. I followed the instructions in the plugin.

    I’ve got “Async” for the JavaScript method and “Defer” for the jQuery method. These seem to be the default settings.

    Since I have AO, I checked the AO support box so it’s “Enabled” and AO method is set to “Defer.”

    I believe everything is set up correctly. I didn’t even try the other combinations.

    Just curious how I can tell if it’s “helping” my site aka speeding it up or scoring higher in page speed tests. Anything specific to look for?

    And what types of errors should I look out for, e.g. what typically breaks on a site? Menus, navigation, 3rd party ads, plugins, etc.?

    Thank you very much for both plugins and for your continued support!

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

    (@optimizingmatters)

    Hey Colin;
    to know if it is working; did you have render-blocking resources that now no longer are render-blocking?

    to know if there are errors; you can check the browser console for javascript errors.

    hope this helps,
    frank

    Thread Starter colin

    (@scot184)

    The only “Eliminate render-blocking resources” issue is and was the css/autoptimize file, which I’ve yet to tackle.

    This issue actually increased in size/time to load slightly since I added AsyncJS.

    Don’t seem to be any errors, but not sure I see any benefits either.

    Thank you again Frank.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    The only “Eliminate render-blocking resources” issue is and was the css/autoptimize file, […] not sure I see any benefits either

    likely no benefits. re. the render-blocking CSS-file; have a look at the “eliminate render-blocking CSS” option, but do take into account you’ll have to either;

    a) generate & copy/paste the “above the fold CSS” in the field below (more info in the AO FAQ, look for “inline & defer CSS”) OR
    b) create manual rules on the “critical CSS” tab (generating critical css for each rule) OR
    c) take a subscription over at criticalcss and paste your API in the field on the critical CSS tab

    hope this helps,
    frank

    Thread Starter colin

    (@scot184)

    Frank,

    Just ran a different test via WebPageTest.

    Two JS files are blocking page rendering. And it suggests that I add the defer, async, or inline attribute to those scripts.

    And it also lists the cache/autoptimize/css file as an externally-referenced CSS file that is blocking page rendering, which you’ve explained how to address.

    Any setting I can change to get these two scripts to not block the page load?

    Thank you.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    So which 2 files are listed as being render-blocking Colin?

    Thread Starter colin

    (@scot184)

    • /scripts/theTruthAboutMortgage.7012214300.js
    • /js/iframehack/iframeResizer.min.js
    Plugin Author Optimizing Matters

    (@optimizingmatters)

    can’t say for sure, but gut feeling says those are from a 3rd party integrated component (iframe), which if correct means you cannot act on those :-/

    Thread Starter colin

    (@scot184)

    Ahh, okay. I greatly appreciate your help on this. This plugin may not offer much value then as it seems 3rd party code is the main offender.

    Thank you again Frank!

    Plugin Author Optimizing Matters

    (@optimizingmatters)

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to See It’s Working and If Errors’ is closed to new replies.