1
게으른로드가되면 더 많은 이미지와 다른 코드가있는 페이지가 있습니다.자바 스크립트가있는 사용자를 위해 콘텐츠를 지연로드하는 더 좋은 방법은 무엇입니까?
나는 이것을 noscript 태그와 함께 시도했지만 IE에서 올바르게 작동하지 않는 것으로 나타났습니다. 내가 테스트 한 다른 모든 브라우저 (ff, 오페라, 크롬, 사파리 등)에서 작동하므로 조금 좌절했습니다.
잠시 동안 기술을 사용하고 IE를 자주 테스트했기 때문에 실제로 IE에서이 작업을 수행했는지는 확실합니다.하지만 지금은 작동하지 않습니다. Google은 결코 작동하지 않는다고 제안하는 것 같습니다. 여기
내가 시도하는 것을 보여줍니다 복사 및 붙여 넣기 할 수있는 간단한 예입니다<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>lazy load with noscript</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<noscript>
<div>
<p>other content here</p>
<img src="http://www.google.com/images/logos/ps_logo.png" alt="lazy loading image test" />
</div>
</noscript>
<noscript>
<div>
<p>other content here 2</p>
<img src="http://www.google.com/images/logos/ps_logo2.png" alt="lazy loading image test 2" />
</div>
</noscript>
<script type="text/javascript">
var html = $("noscript:first").text();
alert(html);
$("body").append(html);
</script>
</body>
</html>
자바 스크립트와 사용자에 사용되는 HTML과 자바 스크립트없이이 동일합니다. jquery를 사용하여 내용을 쉽게 탭으로 볼 수 있습니다. 콘텐츠는 자바 스크립트에서 탭으로 표시되기 때문에 탭이 열릴 때 느린로드가 필요하므로 페이지에 상당한 크기의 첨부 파일이있을 때 초기에 다운로드하지 않아도됩니다.
html을 두 번 이상 출력하지 않고 어떻게이 작업을 수행 할 수 있습니까?
같은 것을 사용하여 자바 스크립트를 lazyload 수 있습니다. 참조 : http://www.tjs.co.uk/blog/a-tale-of-accessibility-internet-explorer-and-the-noscript-tag.htm – Raynos