반응형
렌더링 차단 자바스크립트를 제거하는 방법
구글 페이지 스피드 툴로 웹 페이지 로딩을 테스트하고 있었습니다.결과는 다음에 대해 "더 이상의 콘텐츠에서 렌더링 차단 자바스크립트 및 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
반응형
'prosource' 카테고리의 다른 글
가장 엄격한 C 코드를 위한 GCC 옵션? (0) | 2023.10.15 |
---|---|
*ngFor를 사용하여 개체 키를 반복하는 방법 (0) | 2023.10.15 |
C - calloc() v. malloc() (0) | 2023.10.15 |
Angular / Angular에서 입력 텍스트 필드 지우기ESC키가 있는 UI (0) | 2023.10.15 |
NLS_DATE_FORMAT을 읽는 방법은? (0) | 2023.10.15 |