댓글 : 브라우저 개발자이든 일반 웹 애플리케이션 개발자이든, 웹 브라우징을 더 빨리 느끼게하려면 모두 공동 노력을 기울이고 있습니다. 웹 사이트를 더 빠르게 만들 수있는 많은 알려진 기술이 있습니다.
이 사이트에서 사용 된 속도 최적화 기술을 도입했습니다. HTML5에서는 웹 사이트 속도를 최적화하기위한 새로운 기능이 등장했습니다. Page Resource Preload/Pre-Read (Link Prefetch).
Page Resource Preload/Pre-Read (Link Prefetch)는 무엇입니까? MDN의 설명 :
Page Resource Preloading (Link Prefetch)은 브라우저가 제공하는 기술로 브라우저가 자유 시간 동안 일부 문서 리소스를 다운로드하거나 사전 읽을 수 있도록 설계되었으며 사용자는 향후 이러한 리소스에 액세스 할 수 있습니다. 웹 페이지는 브라우저에 대한 일련의 예압 지침을 설정할 수 있습니다. 브라우저가 현재 페이지를로드하면 지정된 문서를 배경에 조용히로드하여 캐시에 저장합니다. 사용자 가이 사전로드 된 문서에 액세스하면 브라우저는 캐시에서 사용자에게 빠르게 추출 할 수 있습니다.
간단히 말해서, 브라우저가 현재 페이지에 액세스 한 후 사용자가 액세스 할 가능성이 가장 높은 기타 리소스 (페이지, 사진, 비디오 등)를 예압하게하십시오. 그리고이 방법은 매우 간단합니다!
HTML5 페이지 리소스 프리로드 (링크 프리 페치) 쓰기 방법
<!-전체 페이지를 사전로드->
<link href = "http://www.vevb.com/misc/3d-album/"/> </p> <p> <!-사진을 사전로드하십시오
<link href = "<a href ="http://www.vevb.com/wordpress/ "> </a>
WP-Content/Uploads/2014/04/B-334X193.JPG "/>
HTML5 페이지 리소스 예압/사전 읽기 (링크 프리 페치) 함수는 링크 태그를 통해 구현됩니다. rel 속성은 프리 페치로 지정되고 주소는 href 속성에로드됩니다. Firefox Browser는 또한 추가 속성 지원을 제공합니다.
<링크
title = "Mozilla"href = "mozspecific.css"_fckevedurl = ""mozspecific.css "" />
<link href = "2.html" />
프리 페치는 HTTPS 프로토콜 리소스에서도 사용할 수 있습니다.
어떤 상황에서 페이지 리소스를 사전로드해야합니다
귀하의 페이지에 어떤 종류의 리소스가로드되어 있고 그것이 당신에게 달려있을 때. 몇 가지 제안은 다음과 같습니다.
1. 페이지에 슬라이드와 같은 서비스가 있으면 다음 1-3 페이지와 이전 1-3 페이지를 예압/사전 읽습니다.
2. 전체 웹 사이트에 공통적 인 사진을 예압하십시오.
3. 웹 사이트에서 검색 결과의 다음 페이지를 예압하십시오.
Page Resource Preloading 금지 (Link Prefetch)
Firefox 브라우저에는 모든 페이지 리소스 프리 로딩 (링크 프리 페치) 기능을 금지하는 옵션이 있습니다. 다음과 같이 설정할 수 있습니다.
1.user_pref (Network.prefetch-next, false);
2. 페이지 리소스 예선 예방 조치 (링크 프리 페치)
Page Resource Preloading (Link Prefetch)에 대한 몇 가지 메모는 다음과 같습니다.
1. Preload (Link Prefetch)는 도메인에서 쿠키를 끌어 당기는 것을 포함하여 도메인에서 작동 할 수 없습니다.
2. Preloading (Link Prefetch)은 웹 사이트 방문 통계를 오염시킵니다. 브라우저에 사전로드 된 일부 페이지는 실제로 사용자가 방문하지 않을 수 있습니다.
3. Firefox Browser는 2003 년 부터이 예압 (Link Prefetch) 기술을 지원했습니다.
브라우저의 자유 시간을 사용하여 추가 리소스 파일을로드하면 흥미롭고 위험 해 보입니다. 이 기술을 시도하고 싶습니까?