GZipping CSS and JS files

Posted by Ryan Giglio on Stack Overflow See other posts from Stack Overflow or by Ryan Giglio
Published on 2010-05-08T20:24:06Z Indexed on 2010/05/08 20:28 UTC
Read the original article Hit count: 263

Filed under:

gzip

|

yslow

|

css

|

JavaScript

I'm using YSlow to improve the speed of my site, and I'm having trouble with the "compress components with gzip" grade. I have this in my .htaccess file:

SetOutputFilter DEFLATE

AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/x-javascript

But YSlow is saying

There are 4 plain text components that should be sent compressed

* http://crewinyourcode.com/css/reset.css
* http://crewinyourcode.com/css/inner-pages/index.css
* http://crewinyourcode.com/script/css/jquery-ui-1.8.custom.css
* http://crewinyourcode.com/js/inner-pages/index.js

How can I gzip the css and js files?

Also...I don't have access to the httpd.conf file.

© Stack Overflow or respective owner

Related posts about gzip

Twitterbot/0.1,gzip(gfe),gzip(gfe)

as seen on Server Fault - Search for 'Server Fault'
I see a lot of this on my google app engine error log: 05-18 06:44AM 00.897 /NTp9 405 17ms 0cpu_ms 0kb Twitterbot/0.1,gzip(gfe),gzip(gfe) 128.242.241.133 - - [18/May/2010:06:44:00 -0700] "HEAD /NTp9 HTTP/1.1" 405 124 - "Twitterbot/0.1,gzip(gfe),gzip(gfe)" Should I do something for it?? >>> More
ASP.NET GZip Encoding Caveats

as seen on West-Wind - Search for 'West-Wind'
GZip encoding in ASP.NET is pretty easy to accomplish using the built-in GZipStream and DeflateStream classes and applying them to the Response.Filter property. While applying GZip and Deflate behavior is pretty easy there are a few caveats that you have watch out for as I found out today for… >>> More
How do I turn on gzip in Apache2?

as seen on Server Fault - Search for 'Server Fault'
I simply did : sudo aptitude install apache2 And that's how my server is set up. No extra modules, no nothing. I'm on ubuntu jaunty. >>> More
I can't update my system properly, "no package header" error

as seen on Ask Ubuntu - Search for 'Ask Ubuntu'
Every time I try to run sudo apt-get update or try running updates from the GUI interface I run into the following problem or something similar: Reading package lists... Error! E: Encountered a section with no Package: header E: Problem with MergeList /var/lib/apt/lists/archive.ubuntu.com_ubuntu_dists_precise_restricted_binary-i386_Packages E:… >>> More
Twitterbot/0.1,gzip(gfe),gzip(gfe)

as seen on Stack Overflow - Search for 'Stack Overflow'
I see a lot of this on my google app engine error log: 05-18 06:44AM 00.897 /NTp9 405 17ms 0cpu_ms 0kb Twitterbot/0.1,gzip(gfe),gzip(gfe) 128.242.241.133 - - [18/May/2010:06:44:00 -0700] "HEAD /NTp9 HTTP/1.1" 405 124 - "Twitterbot/0.1,gzip(gfe),gzip(gfe)" May I know what is this? >>> More

Related posts about yslow

YSlow always tells me my content is not served from a CDN

as seen on Super User - Search for 'Super User'
YSlow always tells me my content is not served from a CDN no matter what value(s) I put in about:config extensions.yslow.cdnHostnames. I've tried entering my.cdn.com, http://my.cdn.com/folder1/a/b/, http://my.cdn.com basically every variation I could think of and no matter what values I configure… >>> More
Figuring out page size with YSlow / Web Developer extension

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to figure out how much javascript is being loaded on my website. I'm using Reducisaurus to shrink my js files. The problem is, this is causing both YSlow and the Web Developer extension report the size of my files as ~.04K, which I know can't be right (one of the .js files is jquery, which… >>> More
Serving static content from cookie less domain and mod_deflate

as seen on Server Fault - Search for 'Server Fault'
I have two domain. One domain with my main website and the other with js/css/etc.. files, static content. mod_deflate is enabled for both domains, but when i run ySlow in FireFox it says none of my static content is compressed. When i bring back the js or css file to my normal domain it gets compressed… >>> More
Is it really possible to achieve grade "A" in yahoo's yslow for all things for a dynamic/CMS website

as seen on Stack Overflow - Search for 'Stack Overflow'
Is it really possible to achieve grade "A" in yslow for all things for a dynamic and CMS(PHP/Asp.net) based websites? and using same server. http://developer.yahoo.com/yslow/help/index.html#performance_view >>> More
Tools similar to HTTP Watch or YSlow for Google Chrome browser

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi We are testing our app in Google chrome for support. The basic loading is in scrambled and all the pages are in total CSS mess which we need to clean up unfortunately.For this I require a tool which works similar to firebug for Mozilla.Also to check headers, cookies, caching and POST data ,compression… >>> More