![\"How](\"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2018\/10\/How-to-Speed-Up-Your-Website-on-Ubuntu-16.04.jpg\")
<\/p>\n26th October 2018<\/p>\n
<\/p>\n
Everyone loves speedy websites and search engines love them as well. If your speedy website is an e-commerce site, you will likely have a better conversion rate. In this article, we will show you how to speed up a website on Ubuntu 16.04<\/a>. Let\u2019s get started with the guide.<\/p>\n Eye-catching images on your website will grab the visitors\u2019 attention. But, at the same time, your images might be too large, both in size or scale. There are many online tools to optimize your images, they can reduce the size but also maintain the quality.<\/p>\n Why do we need to implement this? Because with http\/2 all requests are downloaded in parallel, not in a queue as in http\/1.1. The server can also push data without being requested, which eventually can improve the speed for visitors with high latency.<\/p>\n Support of the HTTP\/2 protocol was introduced in Apache 2.4.26. Unfortunately, the default repository in Ubuntu 16.04 contains a version lower than this, so we need to add a third-party repository.<\/p>\n To make sure what Apache version you have, you can invoke this command:<\/p>\n apache2 -v<\/p>\n If it\u2019s lower than 2.4.26, then we need to install the latest available version.<\/p>\n apt install software-properties-common<\/p>\n add-apt-repository ppa:ondrej\/apache2<\/p>\n apt update<\/p>\n apt-key adv –keyserver keyserver.ubuntu.com –recv-keys 4F4EA0AAE5267A6C<\/p>\n apt install apache2<\/p>\n Add this line to your SSL enabled website virtual host, right after <VirtualHost *:443> tag.<\/p>\n Protocols h2 http\/1.1<\/p>\n Now, you need to know that http2 is not compatible with mpm_prefork, so you need to disable it and use another mpm, like mpm_event<\/p>\n a2dismod mpm_prefork<\/p>\n a2enmod mpm_event setenvif proxy_fcgi<\/p>\n apt install php-fpm7.0<\/p>\n a2dismod php7.0<\/p>\n systemctl restart apache2<\/p>\n At this point, your website is running on http\/2, your static assets will be delivered much faster.<\/p>\n If you are using nginx, enabling http\/2 is much easier. You can simply add \u201chttp2\u201d in your SSL enabled website\u2019s server block. listen 443 ssl http2;<\/p>\n Support for http\/2 was introduced in Nginx version 1.9.5, and with the default Nginx installation on Ubuntu 16.04, we have nginx version higher than that, so we don\u2019t need to add a third party repository as we do when using Apache.<\/p>\n A Content Delivery Network can accelerate your websites, CDN works by caching your static assets in many servers around the globe. If you enabled CDN, and when a visitor from Europe is accessing your website which is hosted on a server located in the USA, the static assets delivered to him\/her will be from a nearer location, not from your server. This will speed up your website loading time. There are many CDN providers nowadays, you can choose one of them.<\/p>\n When you visit a website, your browser will check the website configuration whether it has gzip enabled and request the pages. If it\u2019s enabled, your browser will receive the gzip files which are much smaller than the original one and if it isn\u2019t, your browser will receive the files which usually are much larger. So, enabling compression is another option to take in order to speed up your website, visitors will receive the files faster because files are delivered in a smaller size.<\/p>\n To enable compression, you can add the following to your .htaccess file:<\/p>\n <IfModule mod_deflate.c> # Remove browser bugs (only needed for really old browsers) If you are using nginx, the gzip compression is enabled by default, you can check it in \/etc\/nginx\/nginx.conf file.<\/p>\n With expire headers, your browser can check whether it should request the website assets from the server or fetch them from the browser cache. For example, we set an expire headers value for our logo.png file to one month, so the browser will cache the logo.png file and it doesn\u2019t need to request the file as the browser already have it in the cache. Expire headers can reduce the HTTP connection and improve the site loading speed at the same time.<\/p>\n If you use apache, you can add the following lines to your .htaccess file:<\/p>\n <IfModule mod_expires.c> # Images # Video # CSS, JavaScript # Others If you are using nginx, you can add this line to your location block:<\/p>\n if ($request_uri ~* “.(ico|css|js|gif|jpe?g|png)$”) { HTTP keep-alive means that the browser is using a single TCP connection to send and receive multiple requests. This will speed up the website because your visitors\u2019 browser only needs to open one persistent HTTP connection to the web server. The keep-alive option is enabled by default, but you will want to double check it. To enable keep-alive, you can do the following:<\/p>\n nano \/etc\/apache2\/apache2.conf nano \/etc\/nginx\/nginx.conf<\/p>\n keepalive_timeout 65; Minification is a process to minimize our codes in order to reduce or remove all unnecessary characters from the code without changing its functionality. The unnecessary characters usually include comments, white spaces, new lines, and block delimiters. The characters are actually used to add readability, but we can remove them as they are not required. The code file size can be reduced if it\u2019s minified. But, we have to be careful when minifying our codes because not all spaces can be removed.<\/p>\n Example of CSS minification:<\/p>\n .item_names p a { .item_names p a<\/p>\n As you can see, the minified version is hard to read. You can also see that not all spaces can be removed, so manually minifying the codes is not recommended. That\u2019s it, your website should be faster now. If your website is running on WordPress, you can use plugins to do some of the steps above.<\/p>\n Of course, you don\u2019t have speed up your website on Ubuntu 16.04 yourself if you use one of our Ubuntu Cloud Hosting<\/a> services, in which case you can simply ask our expert Linux admins to speed up your website on Ubuntu 16.04 for you. They are available 24\u00d77 and will take care of your request immediately.<\/p>\n PS. If you liked this post on how to speed up your website on Ubuntu 16.04, please share it with your friends on the social networks using the buttons below or simply leave a reply in the comments sections. Thanks.<\/p>\n Be the first to write a comment.<\/p>\nOptimize Images<\/h2>\n
Use HTTP\/2<\/h2>\n
Apache<\/h4>\n
Install PHP-FPM and disable Mod PHP<\/h4>\n
Nginx:<\/h4>\n
\nIt should be like this:<\/p>\nUse CDN<\/h2>\n
Enable Compression<\/h2>\n
\n# Compress HTML, CSS, JavaScript, Text, XML and fonts
\nAddOutputFilterByType DEFLATE application\/javascript
\nAddOutputFilterByType DEFLATE application\/rss+xml
\nAddOutputFilterByType DEFLATE application\/vnd.ms-fontobject
\nAddOutputFilterByType DEFLATE application\/x-font
\nAddOutputFilterByType DEFLATE application\/x-font-opentype
\nAddOutputFilterByType DEFLATE application\/x-font-otf
\nAddOutputFilterByType DEFLATE application\/x-font-truetype
\nAddOutputFilterByType DEFLATE application\/x-font-ttf
\nAddOutputFilterByType DEFLATE application\/x-javascript
\nAddOutputFilterByType DEFLATE application\/xhtml+xml
\nAddOutputFilterByType DEFLATE application\/xml
\nAddOutputFilterByType DEFLATE font\/opentype
\nAddOutputFilterByType DEFLATE font\/otf
\nAddOutputFilterByType DEFLATE font\/ttf
\nAddOutputFilterByType DEFLATE image\/svg+xml
\nAddOutputFilterByType DEFLATE image\/x-icon
\nAddOutputFilterByType DEFLATE text\/css
\nAddOutputFilterByType DEFLATE text\/html
\nAddOutputFilterByType DEFLATE text\/javascript
\nAddOutputFilterByType DEFLATE text\/plain
\nAddOutputFilterByType DEFLATE text\/xml<\/p>\n
\nBrowserMatch ^Mozilla\/4 gzip-only-text\/html
\nBrowserMatch ^Mozilla\/4.0[678] no-gzip
\nBrowserMatch bMSIE !no-gzip !gzip-only-text\/html
\nHeader append Vary User-Agent
\n<\/IfModule><\/p>\nConfigure Expire Headers<\/h2>\n
\nExpiresActive On<\/p>\n
\nExpiresByType image\/jpeg “access plus 1 year”
\nExpiresByType image\/gif “access plus 1 year”
\nExpiresByType image\/png “access plus 1 year”
\nExpiresByType image\/webp “access plus 1 year”
\nExpiresByType image\/svg+xml “access plus 1 year”
\nExpiresByType image\/x-icon “access plus 1 year”<\/p>\n
\nExpiresByType video\/mp4 “access plus 1 year”
\nExpiresByType video\/mpeg “access plus 1 year”<\/p>\n
\nExpiresByType text\/css “access plus 1 month”
\nExpiresByType text\/javascript “access plus 1 month”
\nExpiresByType application\/javascript “access plus 1 month”<\/p>\n
\nExpiresByType application\/pdf “access plus 1 month”
\nExpiresByType application\/x-shockwave-flash “access plus 1 month”
\n<\/IfModule><\/p>\n
\nexpires 30d;
\naccess_log off;
\nadd_header Pragma public;
\nadd_header Cache-Control “public”;
\n}<\/p>\nEnable Keep-Alive<\/h2>\n
Apache:<\/h4>\n
\nKeepAlive On<\/p>\nNginx:<\/h4>\n
\nThe value higher than 0 will enable keepalive<\/p>\nMinify JS and CSS<\/h2>\n
Before:<\/h4>\n
\ncolor: #000;
\npadding: 10px 0px 0px 0;
\nmargin-bottom: 5px;
\nborder-bottom: none;
\n}<\/p>\nAfter:<\/h4>\n
\nYou can use any online tools to minify your JS and CSS files.<\/p>\n