Improve site performance and increase page speed by htaccess

A collection of useful .htaccess codes.
To work all of these, add the following line at the beginning to your .htaccess file.

Options +FollowSymlinks 
RewriteEngine on
RewriteBase /

• Serve compressed files

  <IfModule mod_deflate.c>
  
      # Force compression for mangled headers.
      # http://developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping
      <IfModule mod_setenvif.c>
          <IfModule mod_headers.c>
              SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
              RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
          </IfModule>
      </IfModule>
  
      # Compress all output labeled with one of the following MIME-types
      # (for Apache versions below 2.3.7, you don't need to enable `mod_filter`
      #  and can remove the `<IfModule mod_filter.c>` and `</IfModule>` lines
      #  as `AddOutputFilterByType` is still in the core directives).
      <IfModule mod_filter.c>
          AddOutputFilterByType DEFLATE application/atom+xml \
                                        application/javascript \
                                        application/json \
                                        application/rss+xml \
                                        application/vnd.ms-fontobject \
                                        application/x-font-ttf \
                                        application/x-web-app-manifest+json \
                                        application/xhtml+xml \
                                        application/xml \
                                        font/opentype \
                                        image/svg+xml \
                                        image/x-icon \
                                        text/css \
                                        text/html \
                                        text/plain \
                                        text/x-component \
                                        text/xml
      </IfModule>
  
  </IfModule>	
  

• Set Expires Headers

  _Expires headers_ tell the browser whether they should request a specific file from the server or just grab it from the cache. It is advisable to set static content’s expires headers to something far in the future.
  If you don’t control versioning with filename-based cache busting, consider lowering the cache time for resources like CSS and JS to something like 1 week.

  <IfModule mod_expires.c>
      ExpiresActive on
      ExpiresDefault                                      "access plus 1 month"
  
    # CSS
      ExpiresByType text/css                              "access plus 1 year"
  
    # Data interchange
      ExpiresByType application/json                      "access plus 0 seconds"
      ExpiresByType application/xml                       "access plus 0 seconds"
      ExpiresByType text/xml                              "access plus 0 seconds"
  
    # Favicon (cannot be renamed!)
      ExpiresByType image/x-icon                          "access plus 1 week"
  
    # HTML components (HTCs)
      ExpiresByType text/x-component                      "access plus 1 month"
  
    # HTML
      ExpiresByType text/html                             "access plus 0 seconds"
  
    # JavaScript
      ExpiresByType application/javascript                "access plus 1 year"
  
    # Manifest files
      ExpiresByType application/x-web-app-manifest+json   "access plus 0 seconds"
      ExpiresByType text/cache-manifest                   "access plus 0 seconds"
  
    # Media
      ExpiresByType audio/ogg                             "access plus 1 month"
      ExpiresByType image/gif                             "access plus 1 month"
      ExpiresByType image/jpeg                            "access plus 1 month"
      ExpiresByType image/png                             "access plus 1 month"
      ExpiresByType video/mp4                             "access plus 1 month"
      ExpiresByType video/ogg                             "access plus 1 month"
      ExpiresByType video/webm                            "access plus 1 month"
  
    # Web feeds
      ExpiresByType application/atom+xml                  "access plus 1 hour"
      ExpiresByType application/rss+xml                   "access plus 1 hour"
  
    # Web fonts
      ExpiresByType application/font-woff2                "access plus 1 month"
      ExpiresByType application/font-woff                 "access plus 1 month"
      ExpiresByType application/vnd.ms-fontobject         "access plus 1 month"
      ExpiresByType application/x-font-ttf                "access plus 1 month"
      ExpiresByType font/opentype                         "access plus 1 month"
      ExpiresByType image/svg+xml                         "access plus 1 month"
  </IfModule>	
  

• Specify a Vary: Accept-Encoding header

  <IfModule mod_headers.c>
    <FilesMatch ".(js|css|xml|gz)$">
      Header append Vary: Accept-Encoding
    </FilesMatch>
  </IfModule>	
  

• Turn eTags Off

  By removing the ETag header, you disable caches and browsers from being able to validate files, so they are forced to rely on your Cache-Control and Expires header.

  <IfModule mod_headers.c>
      Header unset ETag
  </IfModule>
  FileETag None	
  

• Caching Files

  Enable cache

  <FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf|js|css|pdf)$"> 
  Header set Cache-Control "max-age=2592000" 
  </FilesMatch>	
  

  Disable cache

  <FilesMatch ".(pl|php|cgi|spl|scgi|fcgi)$"> 
  Header unset Cache-Control "max-age=2592000" 
  </FilesMatch>		
  

This page wouldn’t have such a long without

• https://github.com/phanan/htaccess
• https://stackoverflow.com/questions/4916222/htaccess-how-to-force-www-in-a-generic-way
• http://www.sitepoint.com/domain-www-or-no-www/
• http://css-tricks.com/snippets/htaccess/
• http://www.abeautifulsite.net/access-pages-without-the-php-extension-using-htaccess/
• http://speckyboy.com/2013/01/08/useful-htaccess-snippets-and-hacks/
• https://github.com/h5bp/server-configs-apache
• http://www.htaccess-guide.com/deny-visitors-by-referrer/
• http://developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping
• http://www.askapache.com/htaccess/apache-speed-etags.html
• https://github.com/h5bp/server-configs-apache/issues/32
• http://www.wpbeginner.com/wp-tutorials/9-most-useful-htaccess-tricks-for-wordpress/
• https://www.tsohost.com/blog/8-ways-to-secure-wordpress-with-.htaccess

Subscribe

Notify of

new follow-up commentsnew replies to my comments

Label

{} [+]

Name*

Email*

Label

{} [+]

Name*

Email*

2 Comments

Newest

Oldest Most Voted

Inline Feedbacks

View all comments

NannieDietr

8 years ago

Hi, i really enjoy your content.

0

Reply

Toufiq

8 years ago

Thanks, I have applied those, My site is very fast now!

0

Reply