Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

What 'Content-Type' header to use when serving gzipped files?

Tags:

http-headers

javascript

http

gzip

I'm serving gzipped copies of my css / javascript files. As per a tutorial, I set the content-type as application/gzip when serving these files. However, chrome doesn't seem to un-gzip these files, and for the javascript files I get a lot of 'illegal character' errors. If I view source, I still see the files as compressed, rather than uncompressed.

My question is, what should I set as the content type for these files, in order for the browser to interpret them correctly as gzipped css / js files, and un-gzip them? If I just set text/javascript or text/css, will the browser still interpret them correctly?

Edit: Full response headers:

HTTP/1.1 200 OK x-amz-id-2: UIBkZT/MuFxsmn+3nVOzEO63rRY99l3traCbMExUgSdGHUrOIPtNp34h1+ujYKmt x-amz-request-id: 19346C9B01D8FC62 Date: Mon, 12 May 2014 03:59:51 GMT Content-Encoding: gzip Last-Modified: Mon, 12 May 2014 02:24:54 GMT ETag: "561080b5e19f6daea2e74fd5a0623c79" Accept-Ranges: bytes Content-Type: application/x-gzip Content-Length: 5153 Server: AmazonS3
like image 872
Ali Avatar asked May 12 '14 02:05

Ali

People also ask

What is the gzip header?

"gzip" is often also used to refer to the gzip file format, which is: a 10-byte header, containing a magic number ( 1f 8b ), the compression method ( 08 for DEFLATE), 1-byte of header flags, a 4-byte timestamp, compression flags and the operating system ID.

How do I uncompress a Gzipped HTTP response?

you need to unchank it. ... if ($chunked) $body=http_unchunk($body); if ($gzip) $body=gzdecode($body); if ($deflate) $body=gzdeflate($body); ...

What is the Accept Encoding header?

The Accept-Encoding request HTTP header indicates the content encoding (usually a compression algorithm) that the client can understand. The server uses content negotiation to select one of the proposals and informs the client of that choice with the Content-Encoding response header.

What is content Encoding header?

The Content-Encoding representation header lists any encodings that have been applied to the representation (message payload), and in what order. This lets the recipient know how to decode the representation in order to obtain the original payload format.

1 Answers

Compressed content in the response is indicated in the Content-Encoding. The Content-Type should remain the same, that is, it should reflect the underlying media type that is compressed.

Content-Type: application/javascript Content-Encoding: gzip

See sections 14.11 Content-Encoding and 3.5 Content Codings of RFC 2616 for more information.

like image 182
Joel Allison Avatar answered Oct 11 '22 18:10

Joel Allison
Sign in to Comment

Related questions

d3 js - loading json without a http get
Angular.js and HTML5 date input value -- how to get Firefox to show a readable date value in a date input?
React.js: how to decouple jsx out of JavaScript
Does JavaScript have a Map literal notation?
Removing an anonymous event listener
Reading JavaScript variables using Selenium WebDriver
Is setTimeout a good solution to do async functions with javascript?
mongoose save vs insert vs create
Disposing of view and model objects in Backbone.js
What is the node.js equivalent of window["myvar"] = value?
Why is it called XMLHttpRequest?
What is the easiest way to develop Firefox extension?
Can I use HTML tags in the options for select elements? [duplicate]
Loading an AngularJS controller dynamically
Can I select multiple tags using getElementsByTagName?
What Cross-Browser issues have you faced? [closed]
Angular's $q.reject() vs deferred.reject()
ES6 import equivalent of require() without exports
Using the Javascript slice() method with no arguments
Gulp - copy and rename a file

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!