렌더링을 차단하는 JavaScript 제거

On this page
当PageSpeed Insights检测到您的HTML引用了系统阻止的外部JavaScript文件（位于网页首屏部分）时，就会触发此规则。

개요

브라우저는 웹 페이지를 사용자에게 보여주기 전에 먼저 웹 페이지를 확인해야 한다. 브라우저에서 구문 분석 중에 시스템이 차단한 외부 스크립트가 발견되면 구문 분석을 중지하고 JavaScript를 다운로드해야 합니다. 이러한 상황이 발생할 때마다 브라우저에 네트워크 왕복 프로세스가 추가되어 웹 페이지를 처음 렌더링하는 시간이 지연됩니다.

建议

建议您以内嵌方式处理呈现首屏区域所需的JavaScript，并让为网页添加其他功能所需的JavaScript延迟加载，直到首屏内容发送完毕为止。请注意，要通过这种方式缩短加载时间，您还必须优化CSS发送过程.

인라인 작은 JavaScript

如果外部脚本较小，您可以直接将它们添加到HTML文档。通过这种方式内嵌较小文件可让浏览器继续呈现网页。例如，如果HTML文档如下所示：

               
      Hello, world!    
 

资源small.js다음과 같습니다.

/* 자바스크립트 파일 */

那么，您即可按如下这样内嵌脚本：

< html > < head > < script type="text/javascript" > /* 자바스크립트 파일 */ < /script > < /head > < body > < div > Hello, world! < /div > < /body > < /html >

这样，您就可以将small.jsHTML 문서에 내장되어 외부 요청을 제거합니다.

JavaScript 로드 지연

为防止JavaScript阻止网页加载，建议您在加载JavaScript时使用HTML异步属性。例如：