Websites that are slow to load leave a bad taste in the mouth of not only visitors but search engines as well. Poorly performing sites discourage repeat visitors, cause users to bounce off of pages, lead to abandoned carts, and ultimately result in lower rankings in the search engine results pages (SERPs). This guide covers how to optimize your website’s performance for both regular and mobile sites.
Website speed is measured by how long it takes a web page to load. According to Google, a typical page on an e-commerce website should load in two seconds or less. SEMRush, a developer of tools for search engine optimization (SEO), echoes that sentiment. According to SEMRush, 25% of websites load in more than 5 seconds, 50% load in more than 3 seconds, and 75% take longer than 2 seconds.
What is Website Perfomance Optimization?
This applies to both regular websites accessed by a desktop or laptop, as well as websites accessed via tablets and mobile devices. In fact, it is arguable that sites accessed by mobile phones are just as important as their desktop counterparts. At least 50% of all website views, in some instances, are served through a mobile device.
Optimizing Website Images
Another way to avoid loading issues due to image size is to try to resize large photos prior to uploading them, versus resizing them after they are in your system.
Use a Content Delivery Network (CDN) to Optimize Your Website
Do not get CDNs confused with web hosts; your website will still need to be hosted via your own web server or through a host like GoDaddy or BlueHost. CDNs use caching to reduce bandwidth requirements and resources on a website. In addition to improving website load times, CDNs help in the following ways:
- Reduce bandwidth costs.
- It makes content more available and helps reduce issues with website functionality.
- Can help protect your website security by mitigating DDoS attacks and other vulnerabilities.
Caching for Website Optimization
Caching is a way to store a temporary version of a website. This temporary version gets served to people that visit your website without the need to request all of the content from your server. The net result of this is faster browser loading and reduced server load. Caching plugins and extensions exist for content management systems. Hosting providers also typically offer caching services, either as a bonus or for an additional fee.
Reduce HTTP Requests and Minification
If you run a CMS-based website or an e-commerce website built on a web development framework, be sure to eliminate any unnecessary or unused plugins and extensions that could also slow down the loading of your website. These outdated, unused, and unnecessary plugins also leave you open to hacking and exploitation, as, over time, hackers learn how to find holes in these third-party plugins and can use them to access your website or leave malicious code.
If you rely on web fonts, be aware that these are a form of HTTP requests also. One way to use web-fonts without being a burden to your website’s performance is to be certain that you only use the styles needed for your site and not the entire font family. Try not to use too many web fonts, either.
Fix Broken Pages and 404s
Broken pages on a website cause a lot of problems. First, users get frustrated and lose trust when they encounter a page that is broken or no longer exists. Google also frowns upon broken pages and 404s, which can affect a page’s ranking in the SERPs. Additionally, even though these pages no longer exist or are broken, they still generate a request to the server, and therefore, can be a contributing factor to a slow loading website, as they eat up server resources. Fix and remove any broken pages and check your website regularly to find them.
If you use redirects on your websites, try to limit the number of them that exist. Definitely use them, but be wary of redirect chains and redirect loops, as they can, again, make more requests from the server.
Render Blocking and Lazy Loading
This is especially important for mobile versions of sites.
Lazy Loading is a similar thought process, only related to applying the same principle to images. Any unimportant images can be relegated to loading as they come into the user’s view of certain website real estate. If your website is built upon a CMS, there are plugins and extensions that can help with lazy loading.
Monitor Website Performance
You will never know if there is an issue with your website unless you actively and frequently test it. Simply visiting it in your web browser is not enough, as other, unrelated issues can dictate whether a page loads slowly on your computer or not. There are tools available to help you not only tell the page load speed of your site and individual pages in your site but also web developer tools that can tell you if any issues exist within your website.
Google’s Page Speed Insight is just such a tool. It lets you know your page load speed time for both mobile and desktop versions of your website. It breaks down a list of suggestions and how much time your site could save if you implemented those website speed optimizations. Pingdom and GTmetrix also offer tools for website speed optimization testing.