how to check if a file is gzipped or not in firefox/firebug
For those who look for the same in Chrome, just check the Content-Encoding from the Response headers in network tab
How to check if a file is gzipped in Firefox’s Dev Tools (HINT: see warning in step 7)
Did you get here from Google and you're NOT using Firebug? Here’s how you find if a file is gzipped via Firefox’s Dev Tools…
- Turn on dev tools from the menu: Firefox > Tools > Toogle Tools or on Mac press ⌘⌥i
- Click Network tab.
- Press Reload button or on Mac ⌘r
- Click on the file you want inspect in the big list that shows up. (You can filter file types by clicking on one or multiple tags. e.g. HTML || Images || CSS etc…)
- Notice the pane that pops up on the right. Make sure the Headers tab is highlighted.
- Scan the Response Headers pane (top) for Content-Encoding: "gzip"
- If you do NOT see Content-Encoding: "gzip", don't give up! Make sure the status code of the resource (aka file) you've selected is showing as 200 and not 304 in the list on left. WARNING: 304 resources do NOT display their content encoding in FF’s dev tools. (using FF Developer Edition 50.0a2 right now). Proceed to step 8 to "fix" this.
- Clear your cache and get the resource straight from the server. Go to menu Firefox > History > Clear Recent History…. Make sure the Clear Cache box is selected. Press Clear Now.
- Reload the page. All the resources should now show up as 200—they're fresh. That means when you inspect a resource, you'll see whether it's gzipped or not.
Happy coding!
You can tell by looking at HTTP Response Headers - look for 'Content-Encoding: gzip'
You can probably tell by drilling into the Net tab in Firebug, but I always used to use the Web Developer Toolbar (a Firefox extension) for checking response headers. There is also a lesser-featured extension called Live HTTP Headers. https://addons.mozilla.org/en-US/firefox/addon/3829/
Alternatively, you can google for a website such as this, to check for you:
http://www.gidnetwork.com/tools/gzip-test.php
hth