F개발자의 에러로그

1. 클라우드플레어 작동원리 2. 클라우드플레어 사이트 최적화 - 캐싱 3. 클라우드플레어 사이트 최적화 - 스피드 클라우드플레어 스피드 메뉴에서는 사이트의 속도를 분석해주면서 다양한 최적화 서비스를 제공한다. Speed 개요 탭에서는 속도 분석 결과를 제공하는데 자세히 보면 기준이 South Carolina, USA다. 즉, 미국 기준으로 1.1초 후에 페이지 로딩이 시작된다는 뜻으로 우리나라의 기준과 다소 맞지 않다. 이 부분은 그냥 패스하면 된다. (구글 개발자도구로도 충분히 분석이 가능하니..) 최적화 탭을 보면 속도 개선을 위한 다양한 옵션이 있다. 이미지 크기 조정, Polish, 자동최소화, Brotli, URL 프리패치, 로켓 로더 등 엄청 많지만, 대부분이 유료이고 무료로 쓸 만한 것들로..

1. 클라우드플레어 작동원리 2. 클라우드플레어 사이트 최적화 - 캐싱 3. 클라우드플레어 사이트 최적화 - 스피드 클라우드플레어를 이용해 웹페이지 최적화를 하고 싶다면 수많은 메뉴 중 캐싱, 스피드 2가지만 알아도 충분하다. 1. Caching 2. Speed 이 페이지에서는 이 중 캐싱을 다룬다. 1. Caching 상태 분석 ①Analytics 메뉴 활용하기 클라우드플레어는 기본적으로 모든 리소스를 캐시한다. Analytics > Traffic 메뉴를 보면 친절하게 캐시된 요청과 캐시되지 않은 요청을 보기 쉽게 차트로 보여준다. ②네트워크창에서 헤더로 분석하기 캐싱이 잘 되었다면 Size에 memory cache(또는 disk cache)로 나오고 Time이 모두 0이다. 캐시파일의 경우 TTFB가..

1. 클라우드플레어 작동원리 2. 클라우드플레어 사이트 최적화 - 캐싱 3. 클라우드플레어 사이트 최적화 - 스피드 1. 클라우드플레어는 어떻게 작동하는가 클라우드플레어(Cloudflare)는 DNS와 CDN 서비스를 제공하는 미국 기업이다. 도메인 네임 서비스를 제공하면서 트래픽 필터링도 해주고 Ddos도 차단해주고 분석도 해주고 CDN도 알아서 해주고.. 보안이나 성능, 사이트 안정화 등 여러 면에서 아주 우수한 서비스를 제공한다. 많은 서비스가 있지만 프론트 엔지니어라면 사이트 성능 개선과 최적화에 초점을 맞추어 클라우드플레어를 이용해야 한다. 그 전에 알고 가야할 것이 있다. ①클라우드플레어에서는 기본적으로 캐싱을 해준다. ②(만약 프록시서버에서 캐싱 설정을 했으면)클라우드플레어에서 캐싱이 먼저 ..