>웹 프론트엔드 >JS 튜토리얼 >JavaScript 코드의 지연된 로드로 speed_javascript 팁이 향상됩니다.

JavaScript 코드의 지연된 로드로 speed_javascript 팁이 향상됩니다.

WBOY
WBOY원래의
2016-05-16 15:23:171084검색

js 코드의 지연 로딩이 속도를 향상시킵니다. 구체적인 내용은 다음과 같습니다.

웹페이지에 자바스크립트 코드의 양이 많으면 웹페이지의 접근 속도에 큰 영향을 미치게 됩니다. 이 문제를 해결하는 방법을 간략하게 소개하겠습니다.

1. js 파일 로딩 지연:

타이머 함수 setTimeout()을 사용하여 외부 js 파일 로드를 지연할 수 있습니다. 예를 들면 다음과 같습니다.

<script type="text/javascript" src="" id="my"></script> 
<script type="text/javascript"> 
var js=document.getElementById("my"); 
function addjs(){
 js.src="js/js.js"; 
}
setTimeout(addjs,3000);
</script>

위 코드는 3초 후에 js 코드가 로드된다는 것을 인식할 수 있으며, 이는 어느 정도 속도를 향상시킬 수 있습니다.

2. 웹페이지 콘텐츠 뒤에 js 코드를 배치합니다.

이것은 상대적으로 간단합니다. 말할 필요도 없이 웹 페이지 콘텐츠 뒤, 본문 하단에 js 코드를 넣어 콘텐츠를 먼저 로드한 다음 js 코드를 실행하는 것입니다. , 이는 또한 어느 정도 속도를 향상시킬 수 있습니다.

페이지 로딩 속도를 높이기 위해 JS 광고 코드의 로딩을 지연하거나 최종 로딩하는 방법을 소개합니다.

페이지 로딩 속도를 높이기 위해 JS 광고 코드가 로딩을 지연시키거나 마지막에 로딩됩니다. 페이지에 JS 광고 코드가 많거나 다른 js/' target='_blank' class='u'>JS 코드가 있는 경우. 너무 커서 로드하는 데 시간이 많이 걸립니다. JS 광고 코드를 사용하여 로딩을 지연하거나 마지막으로 로딩하여 페이지 로딩 속도를 높입니다.

먼저 JS 지연 로딩

코드는 다음과 같습니다.

<script language="JavaScript" src="" id="my"></script>
<script>
setTimeout("document.getElementById('my').src='include/php100.php'; ",3000);//延时3秒
</script>

둘째, JS 광고 코드가 마지막에 로드됩니다.

JS를 삽입해야 하는 곳에 다음 코드를 삽입하세요.

프로그램 코드

<SPAN id=L4EVER>LOADING...</SPAN>

물론 LOADING... 마음에 드는 작은 그림으로 바꾸시면 됩니다. AJAX 효과가 매우 좋을 것 같습니다.

그런 다음 페이지 하단에 다음을 삽입하세요.

<SPAN class=spanclass id=AD_L4EVER>
你的JS代码在这里!</SPAN>
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML="";</script>

셋째, JS가 마지막에 로드됩니다.

JS 광고 코드를 표시할 위치

<div id="guangg1"></div>

표시하고 싶은 광고 콘텐츠

<div id="ggad1"><script language="javascript"
src="/frontpage/include/php100.js"></script></div>

표시할 광고 위치가 존재하는지 확인

<script>
function chkdiv(divid){
var chkid=document.getElementById(divid);
if(chkid != null)
{return true; }
else
{return false; }
}   最后就是显示JS广告代码了
if (chkdiv('guangg1')) {
document.getElementById('guangg1').innerHTML= document.getElementById('ggad1').innerHTML;
document.getElementById('ggad1').innerHTML="";
}
</script>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.