How to Enable GZIP Compression on Apache Server For Page Speed Optimization?

Chetan Patel July 9, 2015 0

What is GZIP Compression?

When a user visits your website a request is made to the web server to deliver the requested data. The response of the server is directly proportional to the size in MB/KB of the page as generally all pages contain video, images, and textual part. so as page size bigger response time will be higher.

Gzip facilitate to compress your web pages video, image, and textual and style sheets before serving the request them over to the browser. This really reduces response time since the files are now in less size due to compression.

Gzip is the technique right now most affecting in the all speed optimization concept.

How to Apply GZIP to Apache Server Website?

First of all, you need to have a “.htaccess” file, If not create it and edit with the following code.

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml

  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4.0[678] no-gzip
  BrowserMatch bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>


After Applying the code to the htaccess test the website URL with a 
https://checkgzipcompression.com/

Metizsoft Solutions Pvt. Ltd.

356 Views

Twitter

Facebook

AboutChetan Patel

Director at Metizsoft Solutions, Chetan Sheladiya today stands at the top of a leading Mobile Application Development company, which further specializes in Online Business Marketing, Social Media Marketing, and Web Development, amongst other areas. A tech-lover at heart, Chetan has had more than a decade's worth of experience, dealing with hundreds of projects, and creating a bunch of unique IT solutions along the way. His other interest lies in sharing his ideas and opinions with people as passionate about technology, as he is. You can find his thoughts expressed on LinkedIn, Twitter, and Facebook.