Reducing your site’s loading speed helps usability and improves SEO. If you aren’t appearing on people’s screen in seconds, chances are you are losing them before they’ve even seen your content.
Here are ten tips for optimising your website’s loading times.
- Image Size
Make sure that all images are the right size for web. Using Photoshop, you can ‘save for web’ which makes the images as small as possible, or you can try JPEG & PNG Stripper.
- Image Format
Save images in standard image formats such as PNG, GIF or JPEG.
- No Text Graphics
If you use text, use actual text and not a graphic of the text. This way it boosts SEO and doesn’t take up all the screen space.
- Optimise Caching
Place any JS or CSS files in external files so that they can be downloaded.
Then optimise caching so that instead of loading on each page, they can be simply downloaded once by the users and then drawn from the cached files.
- Avoid Redirects
Remember that any redirect requires additional HTTP round trips, increasing load times.
- Reduce DNS Lookups
Make sure that you use one host if you have few resources, for example, blogs can be hosted at www.yoursite.com/blog instead of blog.yoursite.com.
- Reduce Unnecessary CSS and HTML
Keep everything simple, removing HTML and CSS that doesn’t have a purpose.
CSS Sprites can reduce the number of image requests, with inline images stored in cached style sheets. Remove duplicate scripts.
- Set Up G-Zip Coding
Large files can be reduced with G-Zip Compression, saving bandwidth.
- Place Style Sheets at the Top
Style sheets go at the top of a document so page elements can be rendered progressively.
- Update your CMS
Make sure that you keep up to date with any software updates from your CMS and plugins to keep improving site speed.
Hopefully you now have some helpful pointers to help improve your site’s loading speed. Now it’s time to get out your wrench and do some performance tuning!
Image credits: https://ununsplash.imgix.net/ & http://www.vitronic.de/