gzip으로 압축 된 CSS 파일이 제공되는지 여부를 어떻게 테스트 할 수 있습니까?

Question

나는 에 data-uri를 포함시키기 위해 jammit을 사용하고 있습니다. 그래도 특정 질문이나 레일 특정 질문이 아닙니다.

• 스타일 datauri.css (75킬로바이트)
• 스타일 datauri.css.gz (40킬로바이트)

I를 : 생성 된 각 CSS 파일에 대한

는 jammit는 두 가지 버전, 즉 생성 내 프로덕션 앱이 파이어 폭스와 크롬에 대한 데이터 -URI를 제공하고 있으며 IE에 액세스 할 수없는 동안 browsershots의 스크린 샷이 모두 좋다고 제안하므로 모든 것이 작동하고 있음을 알 수 있습니다.

1 : 내 스타일 시트의 gzipped 버전이 브라우저에 제공되는 버전인지 어떻게 테스트 할 수 있습니까? 상당히 작은 파일이기 때문에 걱정합니다.

이 (내가 아닌 gzip으로 압축 된 CSS 파일에서 글꼴 크기를 변경하고 발생하지만 간단한 방법이 바라고 무엇을 볼 수있을 것 같아요 - 아마 컬 또는 무언가를 사용하여이)

Q2 : 앱은 heroku에서 호스팅되며 나는 their docs에서 모든 것을 gzip으로 알지만, jammit은 최고 압축률을 사용하고 heroku는 사용하지 않는다고합니다. 내 파일을 두 번 gzip 할 수 있습니까? 한 번 jammit에 의해, 그리고 다시 한번 nginx에 의해?

Answer 1

당신은 은 무슨 일이 일어나고 있는지 추측에 HTTP 헤더를 검사 할 수 있습니다

Q1; nginx 귀하의 CSS의 gzipped 버전을 제공하거나 비행 중에 지퍼 버전을 만들 수 있지만 내가 easly 말할 수있는 클라이언트의 관점에서 서버되고 말할 수 있습니다.

Q2

Heroku가 스포츠 강력한 캐시/nginx를 도료에 의해 구동 프론트 엔드 시스템을 최적화; 그들은 당신에게 당신의 앱이 더 적은 자원을 소비하도록 만드는 방법을 설명해 드리겠습니다. 웹 응용 프로그램의 홈 페이지를로드

보너스

데이터 1MB의 이상 브라우저 다운로드; Javascript를 통해 게으른로드 이미지를 만들 수 있습니다.