로그인

검색

Extra Form
추천지수 6

이번에 가상화폐 시세표 위젯을 구현하면서 브라우저에게 지정해 주는 header 값 중 캐시값 설정으로 같은 브라우저에서 반복 요청에 대한 비효율을 어느정도 해소할 수 있는 브라우저 캐시에 관해 조금 알게 되었습니다.

 

이건 서버에서 오래 걸려 생성되는 데이터(연산이 복잡하거나 외부에서 가져와야 해서 오래걸리는)를 저장해서 모든 요청자에게 제공하는 서버의 캐시와 다른 개념입니다.

 

브라우저에서 한번 가져간 페이지의 경우 해당 브라우저에서 데이터를 유지하게 함으로써 똑같은 요청시 저장된 것을 사용하게 하는 것 입니다.

 

흔하게 사용할 수 있는 것을 찾아보니 제가 예전에 방문자의 ip를 체크해서 해당 ip를 구글 태그매니저에 알려주는 것을 자체서버로 구성한 것이 생각이 났습니다.

 

 

아주 간단한 함수로 브라우저의 ip를 확인한 후 반환해 주는 것인데 이걸 매 페이지가 새로고침 될 때마다 해줄 필요가 없겠구나 라는 생각이 들었네요. 어차피 같은 브라우저라면 계속 같은 아이피를 사용하게 될테니까요. 대단히 정밀하게 ip를 빠짐없이 정확히 기록해야 하는 것도 아니기에 여기에 적용해 보기로 했습니다.

 

https://rxtip.kr/make_money/4392

 

header('Cache-Control: max-age=600');
header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 600) . ' GMT');

 

두줄이 추가가 되었습니다. 10분간 브라우저에서 가진 값을 사용하게 브라우저에게 알려주게 했습니다.

 

두줄이 같은 내용이긴 한데 Cache-Control: max-age 는 기간을 알려주는 것이고

밑에 Expires 는 예약된 시간을 알려주는 것이라고 합니다.

 

Cache-Control: max-age 가 있으면 이게 사용되게 된다고 하네요.

 

 

페이지가 새로고침 될 때마다 캐시가 만료되지 않았다면 서버는 ip 확인 함수를 실행하지 않게 되겠죠.

굉장한 리소스가 사용되는 작업은 아니긴 하지만 불필요하게 매번 할 필요가 없을 것 같아 적용했습니다.

 

Who's 꿀팁관리소장

profile

라이믹스로 커뮤니티 사이트를 운영하는 비개발자 운영자 입니다.

커뮤니티를 운영하면서 필요한 간단한 것을 만들고 공유하고 운영에 필요한 노하우나 기술을 공유합니다.

하지만 따로 의뢰를 받거나 하지 않으니 문의 등을 하실 필요는 없습니다.


라이믹스 팁(76)

라이믹스 운영과 사용에 관한 팁을 공유 합니다.

  1. read more
  2. read more
  3. Read More
  4. Read More
  5. Read More
  6. Read More
  7. Read More
  8. Read More
  9. Read More
  10. Read More
  11. Read More
  12. Read More
  13. Read More
  14. 라이믹스 회원(팝업)메뉴에 아이콘 추가해주기

    Date2021.05.11 Category기능 Views54 Votes0
    Read More
  15. Read More
  16. Read More
  17. Read More
  18. 신규 회원 가입 사실만 메일로 전달 받고 싶을때

    Date2021.05.06 Category기능 Views45 Votes0
    Read More
  19. Read More
  20. Read More
  21. 스케치북5 스킨 검색어 하이라이트 효과 주기

    Date2021.05.02 Category기능 Views52 Votes0
    Read More
  22. Read More
  23. Read More
  24. 댓글 주소 클립보드에 복사하는 기능 추가하기 10

    Date2021.04.25 Category기능 Views46 Votes0
    Read More
  25. Read More
  26. Read More
  27. Read More
  28. 스케치북 빵조각 '메뉴 아이콘' 적용해 보았습니다.

    Date2021.04.21 Category기능 Views34 Votes0
    Read More
  29. Read More
  30. 본문 게시글 주소 복사 버튼 여러곳에 추가해 주기 17

    Date2021.04.10 Category기능 Views49 Votes0
    Read More
  31. input 입력창 크기가 작거나 이상한가요? css box-sizing

    Date2021.04.09 Category기타 Views43 Votes0
    Read More
  32. 본문 게시글 주소 클립보드 복사 기능 만들기 8

    Date2021.04.06 Category기능 Views73 Votes0
    Read More
Board Pagination Prev 1 2 3 Next
/ 3