How to compress css files with gzip

You may unsubscribe from these communications at any time. For more information, check out our privacy policy. Written by Jamie Juviler. Two seconds might not seem like long. When it comes to your website, though, a lot can happen in that short span of time.

Clearly, the bar is high when it comes to website performance. In broad terms, compression is the process of reducing file sizes and is accomplished using a compression algorithm. A compression method can either be lossy, meaning some information is lost in the compression process, or lossless, which means all information from the original file is preserved in the compressed file.

Finally, your browser renders the files into what you see as a web page. Image Source. Each data transfer requires some amount of time, largely depending on the size of the transferred files — the more data there is to send, the longer it takes for a page to load in your browser.

According to httparchive , the median size of a data transfer like this is around 2, kilobytes, the data equivalent of roughly pages of plain text. With media-heavy pages, the size can be three to four times larger. How, then, do we keep the internet fast? The solution, as you may guess, is that web servers compress files before sending them to browsers — they turn our page text document into more like a page essay. The reasoning is simple: smaller files mean less work that servers and browsers need to do to transfer them.

I have a problem, I have to gzip a prototype Lib, but i totaly have no idea how to do this, where to start and how does it works. To check if your apache server has already output compression enabled, put the example above into an.

Then load an html or js file via the server and check the headers for "Content-Encoding", if it says gzip or deflate, it is enabled. I above example similar to this worked great but didn't compress javascript. Hi If you are using Nginx server the above will not help. Following is link for compression with the IIS.

Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Collectives on Stack Overflow. Learn more. Ask Question. Asked 11 years, 9 months ago. Active 6 years, 3 months ago. Viewed 45k times. There are ways to pre-compress static content and send over the compressed versions.

Using CPU cycles for a faster user experience is well worth it, given the short attention spans on the web. Go forth, set it up, and let your users enjoy the benefits. Learn Right, Not Rote. Home Articles Popular Calculus. Feedback Contact About Newsletter. Wait, wait, wait: Why are we doing this? Browser: KB? But it worked, and you got your file.

Zip it! On the command line, gzip --keep file. The --keep option stops gzip from deleting the original file. With Apache, make a site serve a gzipped version of a file by adding the following to.