prosource

렌더링 차단 자바스크립트를 제거하는 방법

probook 2023. 10. 15. 17:28
반응형

렌더링 차단 자바스크립트를 제거하는 방법

구글 페이지 스피드 툴로 웹 페이지 로딩을 테스트하고 있었습니다.결과는 다음에 대해 "더 이상의 콘텐츠에서 렌더링 차단 자바스크립트 및 CSS 제거"라고 말합니다.

<script type='text/javascript' src='http://example.com/wp-includes/js/jquery/jquery.js?ver=1.11.2'></script>
<script type='text/javascript' src='http://example.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>

소스 코드는 다음과 같습니다.

<head>
...
...

<script>(function(){document.documentElement.className='js'})();</script>
...
...
</head>

비동기나 지연 태그를 추가하고 싶습니다.어떻게 하면 이것을 이룰 수 있을까요?

MDN에서 비동기 특성에 대해 알려드립니다.

인라인 스크립트(즉, src 속성이 없는 스크립트)에는 영향을 주지 않습니다.

연기 속성에 대해서도 마찬가지입니다.

기본적으로 오류를 제거하고 싶다면 바로 앞으로 이동하면 됩니다.</body>꼬리표를 매다

언급URL : https://stackoverflow.com/questions/31615892/how-to-eliminate-render-blocking-javascript

반응형