Preload ao’s js & css

  • Resolved sdawales

    (@sdawales)


    4 years, 6 months ago

    Hi,

    I am trying to improve my site and AO has just been amazing. I get great performance because of it. Today I was trying to track down an issue in my mobile nav. Every time I would reload or change pages, I would get a unformatted navigation flashes. Basically the nav links.

    After trying everything, it looks like it was being caused by the inline and defer. I disabled that and of course, render blocking was the result but the nav was perfect. Then I left that unchecked and inlined all css. The render blocking has gone and it doesn’t look like it hurt me too much in terms of performance.

    That said, I use a CDN and basically only serve the home page from our webserver so it would make sense (in my tiny little mind) that in the 500ms its taking to connect, dns and load, the js and css files could be pre-loading from the CDN. Is that not possible or practical? If it were preloaded, it seems like the site would be fully loaded and complete sooner. Keep in mind that I am not a developer, just a website owner.

    Thanks.

Viewing 10 replies - 16 through 25 (of 25 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    don’t see the headers being added, might be a page caching problem?

    Thread Starter sdawales

    (@sdawales)

    Just deleted AO cache again and then also cache enabler. You let me know if you need me to flush the zone cache on cdn?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    absolutely; flush any cache you might have! ??

    Thread Starter sdawales

    (@sdawales)

    Flushed AO, Flushed Cache Enabler and Flushed the entire Zone at keycdn. No difference. I think I will switch to the fallback for the weekend. I thought apache was supposed to take care of this with http/2. Ah well, thanks for staying late Frank. Enjoy the weekend.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    depends on version of apache and how it’s configured actually :-/

    Thread Starter sdawales

    (@sdawales)

    Hi Frank,

    First off, I want to say thanks for taking the time you have with this. I did try each of the suggested steps but unfortunately, I didn’t get the js loading early enough to stop the nav bounce. I’ve also been doing a lot of reading on the subject so I think I will go in another direction.

    I think we need to take a look at the apache config and find out what we’re missing, etc. I also want to add a HTTP header to preconnect to the cdn so that we don’t have to wait for parsing the HTML before its found. I am still researching if I can also add a prefetch header for the js.

    Anyway, thanks as always.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    OK, happy continued tinkering ??

    Thread Starter sdawales

    (@sdawales)

    So I keep trying and I’m stumped. I am now preloading the cdn through an http header and it’s actually improved page load but even so, the nav still bounces on change of page in mobile view. If I go to AO noptimize, the behavior is gone but that’s not an option and ideally, I’d like to even reduce the size of js and execution time. There is not way I know of where we could load js in smaller files.

    Since this is the only behavior that is problematic, I wonder if there is another way to implement the menu. Would it be possible or sensible to create the menu using only CSS with no js? I am not even sure this is possible and I’m not sure if this is even relevant to AO anymore but I am trying to think out loud.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    it would be immensely better to have a CSS-only menu indeed sdawales, absolutely.

    Thread Starter sdawales

    (@sdawales)

    Thanks Frank. Lets see what I can come up with.

Viewing 10 replies - 16 through 25 (of 25 total)
  • The topic ‘Preload ao’s js & css’ is closed to new replies.