¿Cómo puedo probar si se sirve o no mi archivo CSS GZipped?

Question

Estoy usando jammit para incorporar datos-uri en mi aplicación Rails. Sin embargo, esta no es una pregunta específica de JamMit o Rails.

Para cada archivo CSS generado, JamMit crea dos versiones, es decir,:

• style-datauri.css (75kb)
• style-datauri.css.gz (40kb)

Sé que todo funciona porque mi aplicación de producción está sirviendo datos de datos a Firefox y Chrome, y aunque no tengo acceso a IE, capturas de pantalla de casquillos Sugerir que todo está bien.

P1: ¿Cómo puedo probar que la versión GZipped de mi hoja de estilo es la que se está sirviendo al navegador? Me importa porque es un archivo significativamente más pequeño.

(Supongo que podría cambiar el tamaño de la fuente en el archivo CSS no gzped y ver qué sucede, pero espero que haya una manera más simple, tal vez usando rizo o algo)

Q2: La aplicación está alojada en Heroku y yo sé de sus documentos Que te dan todo para ti, pero también me dicen que Jammit usa el nivel de compresión más alto y que Heroku no. ¿Mi archivo se dará dos veces entonces? Una vez por Jammit, y luego una vez más por Nginx?

Answer 1

Q1

Puede inspeccionar los encabezados HTTP a adivinar Qué esta pasando; A Nginx se le puede decir que sirva a la versión GZipped de su CSS o que cree una versión con cremallera en la marcha, pero no estoy seguro de que pueda decir lo que está siendo servidor desde el punto de vista del cliente.

Q2

Heroku luce un poderoso sistema frontend de almacenamiento en caché / optimización alimentado por Nginx y Varnish; Estarán encantados de explicarle cómo hacer que su aplicación consuma menos recursos.

PRIMA

Cargando la página de inicio de su aplicación web que mi navegador descarga más de 1 MB de datos; Para que sea más ágil, puede cargar imágenes de carga a través de JavaScript.