Website performance plays an important role in providing a fast and smooth user experience. Static files such as CSS, JavaScript, images, and fonts can increase page load time if they are not properly optimized. Nginx provides built-in features such as Expires headers<\/strong> and Gzip compression<\/strong> that can help reduce bandwidth usage and improve website loading performance.<\/p>\n\n\n\n Open site configuration file. Let’s assume that, we have only one website on the server and the nginx configuration file “\/etc\/nginx\/sites-enabled\/default<\/em>“, the document root would be \/var\/www\/html.<\/em><\/p>\n\n\n\n We are going to add expires header for the following static content files.<\/p>\n\n\n\n ico|css|js|gif|jpe?g|png<\/em><\/p>\n\n\n\n Add the following content under server {<\/strong><\/p>\n\n\n\n location ~* \\.(?:ico|css|js|gif|jpe?g|png)$ { Check the syntax of the nginx configuration<\/p>\n\n\n\n Make sure that there is no error in the configuration.<\/p>\n\n\n\n Execute the following command to verify expires command.<\/p>\n\n\n\n Date: Wed, 28 Dec 2016 05:51:07 GMT Open nginx configuration file.<\/p>\n\n\n\nPrerequisites<\/h3>\n\n\n\n
\n
Implementation:<\/h3>\n\n\n\n
1. Enable Expires headers on Nginx:<\/h4>\n\n\n\n
vi \/etc\/nginx\/sites-enabled\/default<\/code><\/p>\n\n\n\n\n
expires 30d;
add_header Pragma public;
add_header Cache-Control “public”;
}<\/p>\n<\/blockquote>\n\n\n\nnginx -t<\/code><\/p>\n\n\n\nsystemctl restart nginx<\/code><\/p>\n\n\n\nVerification:<\/h5>\n\n\n\n
curl -I http:\/\/domain.tld\/css\/assets.min.css<\/code><\/p>\n\n\n\n\n
ETag: “585cede3-4d843”
Expires: Fri, 27 Jan 2017 05:51:07 GMT
Last-Modified: Fri, 23 Dec 2016 09:26:59 GMT<\/p>\n<\/blockquote>\n\n\n\nEnable gzip compression:<\/h4>\n\n\n\n