This rule is triggered when PageSpeed Insights detects that your HTML refers to a system-blocked external JavaScript file (located in the first part of the page).

Overview

The browser must parse the web page before it can be rendered to the user. If the browser encounters an external script blocked by the system during parsing, it must stop parsing and download the JavaScript. Every time this happens, the browser adds a network round trip, which causes a delay in rendering the web page for the first time.

Recommendations

It is recommended that you handle the JavaScript needed to render the first screen area inline, and let the JavaScript needed to add other functions to the web page delay loading until the first screen content is sent. Note that to shorten the load time in this way, you must also 優(yōu)化CSS發(fā)送過(guò)程.

Embedding smaller JavaScript

If external scripts are small, you can add them directly to HTML documents. Embedding smaller files in this way allows the browser to continue rendering web pages. For example, if the HTML document looks like this:

資源small.jsAs shown below:

那么，您即可按如下這樣內(nèi)嵌腳本：

這樣，您就可以將small.jsEmbedded in the HTML document, thus eliminating external requests for it.

Delayed loading of JavaScript

為防止JavaScript阻止網(wǎng)頁(yè)加載，建議您在加載JavaScript時(shí)使用HTML異步屬性。例如：