정적 페이지 및 콘텐츠 nodejs 캐시

Hazem Hagrass

두 가지 방법이 있다는 것을 알고있는 한 nodejs를 사용하여 캐시 할 정적 콘텐츠가 있습니다.

  1. 이는 nodejs를 사용하여 수행 할 수 있습니다.

    app.use (express.static (path.join (__ dirname, 'public'), {maxAge : oneDay}));

  2. 추가 x.appcahe 캐시 정적 컨텐츠와 파일을 다음 HTML 태그에서 매니페스트 속성을 추가 :

    <html manifest="x.appcache">

그래서 내 질문은 두 가지 방법의 차이점은 무엇입니까?

매튜 바카이 티스
  1. 첫 번째로 node.js 서버는 express.js 기능을 사용하여 Cache-Control 헤더설정합니다 .
  2. 두 번째에서 HTML은 브라우저가 캐시 할 매니페스트를 지정합니다.

"cache-control vs html manifest"를 검색하면 한 번의 답변으로 작성할 수있는 것보다 많은 세부 정보를 찾을 수 있습니다. 그러나 HTML 5 Cache Manifest Vs 라는 제목의 다른 질문입니다. Etags, Expires 또는 캐시 제어 헤더 에는 훌륭한 요약과 인용문이 있습니다.

HTML5 캐시 매니페스트와 기존 HTTP 헤더의 주요 차이점 :

  • 캐시 매니페스트의 경우 브라우저에서 지원이 필요합니다.
  • HTTP 헤더의 경우 물론 브라우저에서도 지원이 필요하지만 더 보편적입니다.
  • 캐시 매니페스트로 캐싱을 더 많이 제어 할 수 있습니다.
  • 웹 사이트 또는 웹 앱이 연결없이 오프라인에서 올바르게 작동 할 수 있습니다.
  • 오프라인 및 온라인 사용을 위해 모든 리소스의 두 가지 버전을 가질 수 있습니다.

마지막 요점은 매우 편리하며 예를 들어 연결이 필요한 웹 사이트의 일부를 쉽게 바꿀 수 있습니다. 사용자가 연결 없이는 모든 기능을 사용할 수 없다는 선택적 주석이 포함 된 자리 표시 자입니다.

일부 브라우저는 항상 표준에 따라 재생되지 않기 때문에 호환성 문제도 있습니다. 따라서 어떤 브라우저 (캐시 제어 대 매니페스트)가 상황에 가장 적합한 지 조사하고 결정할 가치가 있습니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

콘텐츠 / 페이지로드시 체크 박스 체크 및 값 설정

분류에서Dev

다국어 페이지 및 동적 다국어 콘텐츠

분류에서Dev

고정 div가있는 slideDown () 및 나머지 콘텐츠 푸시

분류에서Dev

동적 콘텐츠 및 Ajax 게시

분류에서Dev

페이지에 모델 콘텐츠 표시 및 "null 확인", MVC

분류에서Dev

특정 페이지에있는 경우 콘텐츠 표시

분류에서Dev

동적 콘텐츠 추가 및 스타일 지정

분류에서Dev

사용자 지정 및 동적 콘텐츠 UITableViewCell

분류에서Dev

git commit 수정 및 추적되지 않은 콘텐츠

분류에서Dev

Apache가 정적 콘텐츠를 캐싱하지 않음

분류에서Dev

div 및 해당 콘텐츠가 페이지에 표시되지 않음

분류에서Dev

페이지에 콘텐츠 삽입 및 LIferay에서 테마 적용

분류에서Dev

nodejs를 사용하여 전체 페이지를 새로 고치지 않고 특정 콘텐츠를 업데이트하십시오.

분류에서Dev

jQuery Mobile 1.4.3 고정 도구 모음 및 페이지 콘텐츠 문제

분류에서Dev

Google Analytics 페이지 / 콘텐츠 추적

분류에서Dev

Google지도 정보창에 동적 콘텐츠 표시

분류에서Dev

Nginx : 정적 콘텐츠로드시 지연

분류에서Dev

페이지 콘텐츠가 너무 크면 클릭시 DIV가 표시되지 않지만 페이지 콘텐츠가 적을 때 작동합니다.

분류에서Dev

Jetty 및 Gradle로 정적 콘텐츠를 자동으로 다시로드

분류에서Dev

Python : 사용자 지정 콘텐츠, 위젯 및 이벤트 루프없이 큰 창을 표시하는 방법

분류에서Dev

UWP NavigationView 콘텐츠를 페이지로 설정하면 페이지의 유형 이름이 표시됩니다.

분류에서Dev

Velocity JS 및 동적 DOM 콘텐츠 삽입 시퀀스

분류에서Dev

nodejs는 정적 콘텐츠가있는 폴더에 대한 메시지를 가로 채지 않도록 표현합니다.

분류에서Dev

Nodejs Express는 페이지를 렌더링하는 대신 서버 콘텐츠를 표시합니다.

분류에서Dev

Angular 2 앱 HTML 페이지의 정적 콘텐츠

분류에서Dev

콘텐츠 우선 순위 지정 및 특정 요소로드

분류에서Dev

jquery 및 동적로드 사이트 콘텐츠

분류에서Dev

고정 HTML 머리글 및 바닥 글이있는 페이지 레이아웃, 유연한 콘텐츠

분류에서Dev

AngularJS 지시문, 팩토리 및 ng-repeat를 사용하여 동적으로 콘텐츠 변경

Related 관련 기사

  1. 1

    콘텐츠 / 페이지로드시 체크 박스 체크 및 값 설정

  2. 2

    다국어 페이지 및 동적 다국어 콘텐츠

  3. 3

    고정 div가있는 slideDown () 및 나머지 콘텐츠 푸시

  4. 4

    동적 콘텐츠 및 Ajax 게시

  5. 5

    페이지에 모델 콘텐츠 표시 및 "null 확인", MVC

  6. 6

    특정 페이지에있는 경우 콘텐츠 표시

  7. 7

    동적 콘텐츠 추가 및 스타일 지정

  8. 8

    사용자 지정 및 동적 콘텐츠 UITableViewCell

  9. 9

    git commit 수정 및 추적되지 않은 콘텐츠

  10. 10

    Apache가 정적 콘텐츠를 캐싱하지 않음

  11. 11

    div 및 해당 콘텐츠가 페이지에 표시되지 않음

  12. 12

    페이지에 콘텐츠 삽입 및 LIferay에서 테마 적용

  13. 13

    nodejs를 사용하여 전체 페이지를 새로 고치지 않고 특정 콘텐츠를 업데이트하십시오.

  14. 14

    jQuery Mobile 1.4.3 고정 도구 모음 및 페이지 콘텐츠 문제

  15. 15

    Google Analytics 페이지 / 콘텐츠 추적

  16. 16

    Google지도 정보창에 동적 콘텐츠 표시

  17. 17

    Nginx : 정적 콘텐츠로드시 지연

  18. 18

    페이지 콘텐츠가 너무 크면 클릭시 DIV가 표시되지 않지만 페이지 콘텐츠가 적을 때 작동합니다.

  19. 19

    Jetty 및 Gradle로 정적 콘텐츠를 자동으로 다시로드

  20. 20

    Python : 사용자 지정 콘텐츠, 위젯 및 이벤트 루프없이 큰 창을 표시하는 방법

  21. 21

    UWP NavigationView 콘텐츠를 페이지로 설정하면 페이지의 유형 이름이 표시됩니다.

  22. 22

    Velocity JS 및 동적 DOM 콘텐츠 삽입 시퀀스

  23. 23

    nodejs는 정적 콘텐츠가있는 폴더에 대한 메시지를 가로 채지 않도록 표현합니다.

  24. 24

    Nodejs Express는 페이지를 렌더링하는 대신 서버 콘텐츠를 표시합니다.

  25. 25

    Angular 2 앱 HTML 페이지의 정적 콘텐츠

  26. 26

    콘텐츠 우선 순위 지정 및 특정 요소로드

  27. 27

    jquery 및 동적로드 사이트 콘텐츠

  28. 28

    고정 HTML 머리글 및 바닥 글이있는 페이지 레이아웃, 유연한 콘텐츠

  29. 29

    AngularJS 지시문, 팩토리 및 ng-repeat를 사용하여 동적으로 콘텐츠 변경

뜨겁다태그

보관