instant.page
instant.page uses just-in-time preloading — it preloads a page right before a user clicks on it.
Before a user clicks on a link, they hover their mouse over that link. When a user has hovered for 65 ms there is one chance out of two that they will click on that link, so instant.page starts preloading at this moment, leaving on average over 300 ms for the page to preload.
On mobile, a user starts touching their display before releasing it, leaving on average 90 ms to preload the page.
instant.page는 JIT (just-in-time) 사전로드 를 사용합니다. 사용자가 클릭하기 바로 전에 페이지를 미리로드합니다. 사용자가 링크를 클릭하기 전에 마우스를 해당 링크 위로 가져갑니다. 사용자가 65ms 동안 마우스로 가리키면 2 명 중 1 명은 링크를 클릭하게되므로 instant.page는이 순간에 사전로드를 시작하여 페이지를 미리로드하는 데 평균 300ms 이상을 남깁니다. 모바일에서는 사용자가 페이지를 미리로드하기 위해 평균 90ms를 남겨두고 화면을 손에 쥐기 시작합니다.
<!-- <script src="//instant.page/1.1.0" type="module" integrity="sha384-EwBObn5QAxP8f09iemwAJljc+sU+eUXeL9vSBw1eNmVarwhKk2F9vBEpaN9rsrtp"></script> -->위 코드를 페이지의 </body> 바로 앞에 놓습니다. 페이지는 사용자가 방문 할 가능성이 높은 경우에만 미리로드되며 사용자 및 서버의 대역폭과 CPU를 존중하여 해당 페이지의 HTML 만 미리로드합니다. 1kB이고 다른 모든 것 이후에로드됩니다.
it’s free and open source (MIT license).
'Web Design > Programming' 카테고리의 다른 글
| HTML5 웹문서 작성에 대한 고찰 (0) | 2019.03.28 |
|---|---|
| 해당 요소의 텍스트를 변경하는 자바스크립트 (0) | 2019.03.21 |
| 마우스 우클릭·개발자도구[F12] 방지 자바스크립트 (0) | 2019.03.09 |
| 드래그 방지 마우스우클릭 복사방지 스크립트 (0) | 2019.02.26 |
| 티스토리 사이트 마우스드래그 배경색 변경 (0) | 2019.02.25 |
| 티스토리 로딩바(loading bar - Indicator) 설치하기 (0) | 2019.02.25 |
| 티스토리 사이트 부드러운 스크롤(JavaScript) (0) | 2019.02.25 |
| 아름다운 CSS와 JavaScript (0) | 2019.02.06 |
