Improve the preload header order

  • Resolved jakethesnake3p0

    (@jakethesnake3p0)


    3 years ago

    When I check “HTTP/2 push” for both JS and CSS under “Minify” settings, the order that the preload headers appear in the response is suboptimal and causes render-blocking issues. All of the JS files are preloading first, with the CSS files preloading last. This causes a delay before the remainder of the HTML assets (images, etc.) are loaded which increases the delay before DOMContentLoaded fires (thus worsening my pagespeed results).

    The order that the preload headers should appear in is:

    1. CSS found in </head>
    2. JS found in </head> without async
    3. …

    Depending on how fixing the order as described above affects the page load times (are preloaded files downloaded in parallel or series?), it might also be advisable to specify whether or not JS found in </body> are preloaded at all.

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

    (@vmarko)

    Hello @jakethesnake3p0

    Thank you for reaching out.
    I’ve replied to your email sent via the support channel so please continue the correspondence there so we can avoid duplicating the answers.
    I’ve provided the explanation in the email.
    Thanks!

Viewing 1 replies (of 1 total)
  • The topic ‘Improve the preload header order’ is closed to new replies.