Korean English Japanese

사이트 미리보기 페이지 로드기능 추가하기(instant.page)

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).

instant.page