Come posso verificare se il mio file css gzip è servito?

Question

jammit per incorporare i dati di-URI nel mio applicazione Rails . Questo non è un jammit o rotaie domanda specifica però.

Per ogni file CSS generato, jammit crea due versioni cioè:.

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

Lo so che tutto sta funzionando perché la mia app produzione sta scontando i dati-URI a Firefox e Chrome, e mentre io non ho accesso a IE, screenshots da BrowserShots suggeriscono che tutto va bene.

Q1: Come posso provare che la versione gzip del mio foglio di stile è quello che viene servita al browser? Mi interessa perché è un file molto più piccolo.

(Credo che avrei potuto cambiare il font-size nel file non-gzip css e vedere cosa succede, ma spero ci sia un modo più semplice - magari utilizzando ricciolo o qualcosa del genere)

Q2: L'applicazione è ospitato su Heroku e so da loro documenti che gzip tutto per voi, ma sono anche detto che jammit utilizza il livello di compressione più elevato e il Heroku no. Sarà il mio file compresso con gzip essere due volte, allora? Una volta per jammit, e poi di nuovo da nginx?

Answer 1

Q1

È possibile ispezionare l'header HTTP per indovinare quello che sta succedendo; nginx può essere detto di servire la versione gzip del CSS o per creare una versione zippata al volo, ma non sono sicuro che si può facilmente dire che cosa sta essendo server dal punto di vista del cliente.

Q2

Heroku uno sport / ottimizzazione del sistema frontend potente caching alimentato da nginx e vernice; saranno felici di spiegare come rendere la vostra app che consumano meno risorse.

BONUS

Caricamento della home page del web app miei download del browser sopra 1MB di dati; per rendere più stizzoso è possibile caricare immagini pigri tramite JavaScript.