User experience has become an integral part in production of software and any website. Sources of information are increasing. Each company fights for its consumer, whether it is a consumer of services or a blog reader. With so many different possibilities, people easily part with brands and products, giving preference to the winner for the most convenient opportunity. The fact that the site should be incredibly fast and convenient is not even discussed.
But is it so obvious to everyone that sometimes it is necessary to devote a considerable amount of time to improving the speed of the website as well? Absolutely not.
Very often, website speed is not a concern, regardless of whether you hire a web developer or create the site yourself as a beginner. Of course, it’s hardly worth worrying about speed if your website is one page without an abundance of photos, additionally downloaded plug-ins, fonts, forms, and so on. But if you have any kind of a website, it will never be superfluous to verify its performance and make changes if required.
1. Serve Scaled Images
When you upload an image larger than your layout requires, you may have an issue with scaled images. For instance, if you upload an original image of 600 pixels x 600 pixels, but it displays as a 40×40 thumbnail through html and css. In this case the browser needs to download a large image, then rescale it and display it as thumbnail.
To serve scaled images you need to upload already resized images. Any program that can change the image resolution is suitable for this purpose. For example, Photoshop, Online Image Resizer or WordPress resizing plug-ins.
2. Use a CDN
CDN is a Content Delivery Network, which is used to minimize the distance between your website visitors and your website’s server. This network stores a cached version of content in multiple points of presents (PoP’s). In other words, if someone from a European country is accessing a website hosted in the US, he receives content through a local European point of presents. In this case users will receive content much faster than if they need to request a response from a US server.
Furthermore, CDN does not cost much, so it is worth it to use it to give your customers a fast web experience.
Previously MaxCDN. Using for WordPress, Joomla, Drupal, OpenCart, PrestaShop, and all the other applications. Deploy scripts at the edge to customize workloads and networking.
Cloudflare $0 Free, $20 Pro Plan
Cloudflare is one of the fastest growing Saas providers in the security and performance space encompassing DNS, CDN, WAF and DDOS mitigation.
Bunny CDN $10/month
BunnyCDN is a provider based in Slovenia. The service went live for beta in 2015 after 3 years of development. Currently they have PoPs on all continents, with most of them located in North-America, and Europe.
3. Reduce DNS lookups
DNS – Domain Name System – converts human readable domain names into IP addresses. For example, after typing a domain name in your search bar, a DNS query is performed by your ISP to request the name of servers associated with this domain.
When you use the free DNS providers, they are usually very slow. In other words, DNS providers use pretty much the same model as CDN providers. They have many points of presents around the world. Which means, as bigger DNS provider is, as faster will be a website performance. The biggest DNS providers are Amazon, Cloudflare, OpenDNC, etc.
4. Leverage browser caching
Browser caching is remembering the resources that the browser has already loaded before. This means that to display your webpage, a web browser needs to load a lot of different resources such as logo, CSS, et cetera.
You can reduce page load time for repeating visitors of your website. For example, by enabling caching. To do so you can find the .htaccess file in your web hosting file manager and add expires caching code to this file. The code should be added to the top of your .htaccess file. Basically, this code will tell your browsers what to cache and for how long to keep this information.
In essence, you can minify manually or use online tools. CMS such a WordPress already contains a lot of plug-ins to minify you code.
For minifying CSS