2011-09-27 2 views

답변

0

'localStorage'에서 페이지 리소스를 캐시 할 수 있지만 대부분의 최신 브라우저는 이미 비슷한 점이 있습니다. 이 기본 브라우저 캐시에도 불구하고 이러한 리소스에서 생성 된 코드는 계산되고 적용되는 데 시간이 걸립니다. 당신은 당신의 웹 사이트 페이지 이런 식으로 구조화 브라우저에 약간의 도움을 줄 수 있습니다 :

<script> 
    if(!localStorage[location.pathname]) { 
     //load this page from server 
     localStorage[location.pathname] = getGeneratedPage(); 
    } else { 
     body.innerHTML = parseGeneratedPage(localStorage[location.pathname]); 
    }  
</script> 

이 그냥 아주 일반적인 예이다. getGeneratedPage는 만 저장하는 기능이 될 수 :

  • CSS 규칙이 페이지에 대해 적어도 하나 개의 리스너
  • Base64로 이미지를
  • JS 함수를 일치하는 페이지로드 후 DOM 트리 (전용 권장 작은 이미지 또는 큰 이미지의 미리보기)
  • 등 또한

를 들어, 당신이 나 SOMET의 서버 측 버전을 만들 수 있습니다 경첩은 Opera Turbo입니다. 글쎄, 눈 깜빡 할 사이에 페이지를로드하는 수많은 방법이 있습니다. 희망이 도움이됩니다.

+0

페이지가 jQuery (JavaScript)를 통해 동적으로 추가 되더라도 적용 할 수 있습니까? – InspiredJW

+0

더 좋습니다. 페이지에서 XHR (AJAX)을 이미 사용하고 있다면 localStorage에 응답을 저장하고 모든 웹 사이트 페이지를 하나의 파일에 넣으십시오. 그러나 XHR 요청이 많습니다. Google 검색과 같습니다. Google 검색의 페이지에서 웹, 이미지, 동영상 등을 통해 다른 검색어를 검색 할 수 있으며 여전히 같은 위치에 있으며 브라우저 액션을 사용하여 '페이지'를 앞뒤로 이동할 수 있습니다. URI 조각 (#) 만 변경하면 요청할 내용을 처리 할 수 ​​있습니다. – cvsguimaraes

+0

이렇게 location.hash와 다소 비슷합니까? 작업 세부 예제 코드를 설명해 주시겠습니까? – InspiredJW

관련 문제