Deferred script is still render blocking according to webpagetest
I am using webpack to build the assets in production. The split chunking feature allows us to break big scripts into chunks. However the problem is that even though the scripts are deferred, webpagetest still shows they are render blocking:
The scripts already have the defer attributes.
Is it because defer is executing the scripts in order? Changing the defer to async seems to have solved the issue but I am trying to understand why it was render-blocking even though using defer.
The render blocking indicator comes directly from Chrome, and in this case it's a bug in Chrome due to a race condition. (You can find the Chromium bug here: https://chromium-review.googlesource.com/c/chromium/src/+/3596328)
Should be fixed in version 103, which comes out June 21st (https://chromestatus.com/roadmap).
- How to fix Lambda function timeout when interacting with DynamoDB using AWS SDK v3 in Node.js?
- Count of duplicate console.log() resets when called from a different element
- createStore is @deprecated so im trying to replace with configurationStore
- finding a point and its angle on a cubic Bezier curve in JavaScript
- Count cell values only if another condition is met
- Understanding unique keys for array children in React.js
- What are the requirements for audio output in Chrome on Android?
- How to submit an ASP.NET Core Razor Pages form without reloading the page
- How do I fix CORS issue in Fetch API
- Why isn't it good non-compile scripting languages to use for intensive calculations?
- Send Sendgrid Email Without Subject
- How to remove required to an element using jQuery?
- How to format numbers as currency strings
- Trouble using require(); Needing to convert JS file to ES module
- I keep getting Exception: Invalid argument: replacement on a google Apps Script
- Append element as sibling after element?
- Why doesn't npm update install the latest nodemon version?
- Ellipsis in the middle of a text (Mac style)
- Finding all elements with a scroll
- How to get the mouse position relative to the window viewport in javascript?
- jQuery on click to check if it has a div with a certain class and then change the value of a different class
- Firebase deploy error: Neither apiKey nor config.authenticator provided (using Stripe)
- Detecting which input is focused React hooks
- How can I find out if a javascript iterator terminates early?
- Vuetify3 autocomplete with per-item tooltips not clickable
- Renaming Function Parameters with Babel Without Changing Other Identical Identifiers
- How to find npm duplicate packages?
- Color gradient as style on marker
- How to fill the whole canvas with specific color?
- Change onclick action with a Javascript function