비디오: Jiyeon T-ara cry after 1st win Theshow 170620 - 티아라 지연 더쇼 1위 퇴근길 직캠 2024
느린 웹 페이지의 주요 원인 중 하나는 차단 스크립트. 블로킹 스크립트는로드 및 실행이 웹 페이지 로딩을 차단하는 JavaScript 파일입니다. 극단적 인 상황에서 브라우저가 전체 웹 페이지를 다운로드하고 JavaScript가로드 및 구문 분석되는 동안 몇 초 이상 빈 화면이 표시 될 수 있습니다. 웹 사용자는 빨리 지루해하는 경향이 있으므로 이러한 상황은 절대 피해야합니다.
다행스럽게도 JavaScript로드 및 실행을 연기하고 웹 페이지를 더 빠르게 표시 할 수있는 여러 가지 방법이 있습니다.
첫 번째 방법은 script 요소의 defer 속성을 사용하는 것입니다. 다음과 같이 생겼습니다.
defer 속성은 외부 JavaScript 파일에서만 사용할 수 있습니다. 문서 내의 블록에는 적용 할 수 없습니다.
defer 속성을 사용하면 페이지의 구문 분석이 완료되면 스크립트가 실행됩니다.
스크립트로드 및 실행을 연기하는 또 다른 방법은 Google에서 권장하는 방법입니다. 웹 페이지 맨 아래에 다음 코드를 넣는 것이 좋습니다. 이 파일을 사용하려면 예제 스크립트 이름 (여기서는 myscript.js)을 자신의 파일 이름으로 바꿉니다.
function downloadJSAtOnload () {var 요소 = document. createElement ("script"); 요소. src = "myscript.js"; 문서. 신체. appendChild (element);} if (window. addEventListener) window. addEventListener ("load", downloadJSAtOnload, false); else if (윈도우. attachEvent) 창. attachEvent ("onload", downloadJSAtOnload); 다른 창. onload = downloadJSAtOnload; JavaScript를 연기하는 데 도움이되는 또 다른 속성은 비동기 속성입니다. async 속성은 HTML5에서 새로 추가되었습니다. 다음은 그 모습입니다:
어떤 방법을 사용하든 페이지의 나머지 JavaScript가 올바르게 실행되는지 여부에 영향을 미칠 수 있습니다. 지연로드를 구현 한 후에는 모든 것을 테스트해야합니다. JavaScript가 지연되면 사용자의 대기 시간이 크게 줄어들어 모든 사람을 더 행복하게 만들 수 있습니다.
