How to Make Your Website Load Faster
A slow loading website can lessen the credibility of your business, lower quality perception and increase user frustration, leading to a substantial drop in your sales revenue. Here are 7 ways on how you can have a fast-loading time to provide an enhanced user experience to your visitors and protect your business revenue:
1. Check out the size of your HTML code. As a rule of thumb, you should be able to fit most of your web pages into a 50kb of HTML code.
Most users use mobile devices to visit websites. A site built with less than 50kb of HTML code will load a lot faster in smarphones, giving it a competitive advantage against heavy slow-loading websites.
2. Use Content Delivery Networks (CDN)
CDNs are servers located and distributed across the globe. These servers hold a copy of your website contents. If one visitor requests a particular content from a site, then the CDN closest to the location of the user will be used to serve the requested content.
There are a lot of CDN services available, both paid and free. Although paid CDN hosting are quite expensive, it can improve your site’s load time significantly.
When using a CDN, make sure that everything is setup correctly so as not to lose any SEO value on your pages.
3. Utilize browser caching
Enabling PHP caching will basically tell your website to load the website during the user’s first visit and then store your site content in a cache for later use. This means than when someone who has already visited your site loads it up again, the retrieval of contents will be must faster.
Browser caching is very useful especially if your site is serving a lot of repeat visits.
4. Compress your images
You can use Photoshop’s “Save for web & devices” feature or other image compression softwares. Make sure though that you retain the quality of your image when compressing them. You don’t want your visitors to see grainy and pixilated photos of your site.
5. Make your redirects cacheable
Mobile versions of websites redirect users to a different URL. For example, the website http://www.website.com/
has its mobile version redirected to http://www.m.website.com/
. Implementation of a cacheable redirect can improve your site’s load time after a user’s first visit.
To make sure that only visitors using a mobile device get redirected, use 302 redirection with a lifetime of one day. Also use the following settings:
6. Remove bad requests
Resource-wise, a single http request is expensive. Broken links resulting in 404 or 410 errors should be avoided, they’re just a wasting your resources. Make sure to fix your broken links and images. You can use available broken link checker services online for free.
7. Avoid using flash and multimedia
Only use these elements when necessary. If you want to integrate Flash or multimedia in a page, make it optional. You can make use of links such as “click here to watch video” so that users who want to watch it will just click on the link and those who don’t want to don’t need to do anything.
Image by Riebart (flickr)
Article By: Sanjay Modasia
Sanjay is our lead developer with over 6 years experience, handling a strong team of developers with various industry expertise working on projects and meeting deadlines.