HTML5 예압을 통해 페이지를 빠르게 렌더링 할 수 있습니다

주석 : Preloading은 브라우저의 유휴 시간을 사용하여 사용자가 다음에 탐색 할 가능성이있는 페이지/리소스를 사전 다운로드/로드하는 브라우저 메커니즘입니다. 사용자가 사전로드 된 링크에 액세스하면 캐시에서 발생하면 페이지를 빠르게 렌더링 할 수 있습니다.

웹 사이트를 더 빨리 만드는 방법에 대한 다른 블로그 게시물에서 다루었습니다.

Firefox는 새로운 웹 사이트 가속 전략 인 Link Preload를 홍보합니다. 링크 프리 로딩이란 무엇입니까? MDN 설명은 다음과 같습니다.

Preloading은 브라우저의 유휴 시간을 사용하여 사용자가 다음에 찾아 볼 수있는 사전 다운로드/로드 페이지/리소스를 사용하는 브라우저 메커니즘입니다. 페이지는 사전로드 해야하는 브라우저에 제공됩니다. 브라우저에서 현재 페이지로드를 완료하면 사전로드 해야하는 페이지가 백그라운드에서 다운로드되고 캐시에 추가됩니다. 사용자가 사전로드 된 링크에 액세스하면 캐시에서 누르면 페이지가 빠르게 렌더링됩니다.

간단한 개요 : 웹 사이트를 통해 브라우저는 사용자 분석을 기반으로 지정된 페이지/문서/사진을 다운로드 할 수 있습니다.

HTML5 예압 태그

<!-페이지, 절대 또는 상대 경로를 사용할 수 있습니다->

<link href = "page2.html" />

<!-사진은 다른 유형의 파일 일 수도 있습니다->

<link href = "sprite.png" />

위의 HTML 코드에서 Preloading은 <link> 태그를 사용하고 Rel = Prefetch 속성을 지정하고 HREF 속성은 사전로드 해야하는 파일 경로임을 알 수 있습니다. Mozilla는 또한 유사한 링크 rel 속성을 구현합니다.

<link href = "mozspecific.css" />

<link href = "2.html" />

참고 : HTTPS 프로토콜도 지원됩니다.

언제 사전로드됩니까?

웹 사이트가 사전로드되는지 여부는 귀하의 요구에 따라 다릅니다. 몇 가지 제안 사항이 있습니다.

- 일련의 페이지 슬라이드가 다음과 같이 표시되면 1 ~ 3 페이지를 사전로드 할 수 있습니다.

- 웹 사이트에서 공통적 인 사진을로드합니다

- 검색 결과 페이지의 다음 페이지를 예압합니다.

사전 로딩

Firefox는 예압 모드를 금지 할 수 있으며 코드는 다음과 같습니다.

user_pref ( "network.prefetch-next", false);

주목해야 할 것

링크 프리 로딩과 관련하여 다음과 같은 예방 조치가 있습니다.

- 예비 로딩은 도메인에서 수행 할 수 있습니다. 물론 쿠키 및 기타 정보는 요청 중에 전송됩니다.

- 사전 로딩은 실제로 사용자에게 액세스하지 않고 웹 사이트 통계를 파괴 할 수 있습니다.

-Mozilla Firefox는 현재 예압 모드 (2003-2010)를 지원하는 유일한 브라우저입니다.

어떻게 생각하나요? 자유 시간을 사용하여 추가 파일 다운로드는 적극적인 최적화입니다.