Compression & browser caching

Browser & Compatibility
2

Both these can be done through the .htacess file on your hosting server. If one doesn’t exist, you can create it by adding the code in a plain text document and saving it “.htacess”.

NOTE: a “dot” extension makes the file hidden, so please rename the file only after you’ve uploaded it into the correct folder on your server.

You can compress your .js file externally, but I recommend you let the htacess file do the work.

   <IfModule deflate_module>
    # Enable compression for the following file types.
    AddOutputFilterByType            \
     DEFLATE                         \
      application/javascript         \
      text/css                       \
      text/html                      \
      text/javascript                \
      text/plain                     \
      text/xml
</IfModule>

And this is for caching:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/html "access plus 1 week"
ExpiresByType application/pdf "access plus 1 week"
ExpiresByType text/x-javascript "access plus 1 week"
ExpiresByType application/x-shockwave-flash "access plus 1 year"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 1 month"
</IfModule>

You can change the time period based on your requirements, and how often you update the website.
time periods range are as follows"seconds,minutes,days,weeks,months,years"

I hope this helps!
Good luck!

EDIT **Its “.htaccess” not “.htacess”. Sorry about that

1 Like