Visitors love sites that offer a great user experience and having a slow site can kill the UX before it ever gets started. Website speed is also considered as an essential component in search engine rankings.
Today we are going to look at 10 ways you can improve your own site speed.
Failing to research and select a hosting service matching the needs of your website can create a page speed nightmare. Some sites will only receive limited traffic, making inexpensive hosting a possible solution while other sites may get flooded with traffic. There is not one perfect solution for hosting your site but do not mindlessly sign up for a hosting plan without researching the performance and reviews of your potential hosting. Here are a few good hosts if you are not sure where to start:
More often than not, 80 percent of the loading time is used to call various page elements, such as scripts, images and Flash. Wherein, the request for HTTP is created every time a component gets downloaded. So, the greater the amount of requests are, the longer it will take for the page to load.
In order to decrease the HTTPS requests, the amount style sheets should be minimized, which can be done by combining them into a single sheet.
Those with a geographically widespread audience and a website that's resource-heavy, you should consider using content delivery network (CDN). It's a hosting arrangement where the files are kept in data centers near the visitors, and the dynamic content comes from the central location. This helps the website owner save around 60 percent of the bandwidth, while improving the site loading at the same time. Not just that, a CDN is also capable of making the site more responsive and can also lessen the possibility of DDoS attacks.
Those who are planning to utilize video streaming or share images that are of high quality would likely benefit a lot from using CDN.
Google advises website owners to reduce the response time into 200 milliseconds or less, because this is the usual time needed to load the HTML after the request has been made. For website owners that already have a reliable hosting company and were able to control the HTTP requests, then the response time would be based on how the server resources are being used and the amount of traffic the website is getting.
Google Analytics can be used to closely check the response time of a website, and it's ideal to regularly monitor it, in order to detect if there would be any problems later on.
Some pages are packed with images, video and a wall of text but those elements are critical for the site visitor. The best way to solve this issue is to enable website compression. This means that the components of the page would be compressed when they are being transferred, which can accelerate the website speed for as much as 70 percent.
If the site has several plugins, this is probably why it takes forever to load, create security issues, and it can even cause crashes and other technical difficulties that could affect the website's overall performance.
If possible, deactivate and delete the plugins that aren't needed. Don't forget to weed out the apps and plugins that are probably slowing the site speed as well. To do that, selectively disable plugins and check the server performance. Doing this would help in identifying which among them is harming the site speed. While we used the term "plugins" this also applies to extensions, modules, or any add on features that your website platform supports.
Aside from using a single CSS stylesheet, as well as avoiding inline CSS, there's another thing that should be considered to speed up the website. It is also possible to improve the user experience if the above the fold loads faster. This can help a lot even when the whole website takes forever to load.
The goal of this strategy is to give priority to the elements that display the viewable portion of the page while delaying non visible components. One such example could be a live chat feature. On WordPress a "lazy loading" plugin could be used to delay the loading of that script until the above the fold content was fully displayed. There are plugins for most popular content management system (CMS) platforms that will allow you to accomplish this or it can be done with raw code as well.
Used properly, redirects can help you site preserve valuable traffic and link sources. As with most things, sloppy redirects can cause site speed issues and leave users frustrated. In my experience there are two types of redirects that cause the majority of page speed issues: redirect chains and erroneous desktop to mobile redirects.
A redirect chain is when it takes more than one step to reach the actual intended destination (like if someone types in "www.xxxxxx.com" but is redirected to "https:xxxxxx.com", those would create unnecessary redirect chains). It is important to make sure any redirect on your site takes them to the intended destination with only one redirect. Ecommerce store owners, this one is even more important for you so check it out.
Another redirect issue that frustrate users is incorrect redirects from the desktop to mobile version of a site. For site owners with a dedicated mobile site, one of the most common issues was sending a user to the wrong page on the mobile version. Imagine going from a specific topic to the home page, frustrating to say the least.
Each time the user clicks or makes a request on a page, the browser is required to gather the hosted files of the site, so that the components can be properly displayed. This would take a lot of time, especially if the user is trying to access the heavier pages of the site. Solve this problem through the help of browser caching.
Browser caching essentially stores some of the static components of your website in the browser of users who visit your site. The first visit to your site may be slower but future visits from the same browser will result in much faster load times.
One of the most common but harmful issues affecting site speed is oversized images on pages. Many people will unknowingly upload an image much larger than it will ever be displayed on their site. Let's say for example you upload an image that is 5000 X 3000 pixels and place it in a container that will not exceed 250 x 250. Even though the image needed for the page is much smaller, the full image size has to be loaded each time to display the smaller version. Imagine this on a page with 5-10 images, now picture it across a website with thousands of images.
The solution for this is simple, understand the actual size your images will be displayed and re-size photos prior to uploading them. If you have images on your site that need to be displayed in large sizes, look at using image compression plugins or programs to "smush" the image, reducing file sizes without reducing the visual quality of a photo.
We can all agree that page speed is important to users and Google. With the growing use of mobile devices and the changing expectations of the average site visitor, optimizing your page speed is a sound investment.
Have you worked hard to improve your site speed? What changes did you notice after improving load times?