{"id":885,"date":"2020-10-08T12:39:38","date_gmt":"2020-10-08T12:39:38","guid":{"rendered":"https:\/\/www.indikadefonsekaconsulting.com\/?p=885"},"modified":"2021-02-01T03:11:51","modified_gmt":"2021-02-01T03:11:51","slug":"how-to-make-your-website-load-faster","status":"publish","type":"post","link":"https:\/\/www.defonsekaconsulting.com\/how-to-make-your-website-load-faster\/","title":{"rendered":"Why Speed Matters and How to Make Your Website Load Faster"},"content":{"rendered":"\n
\"Website_Speed\"<\/figure>\n\n\n\n

So … you have a beautiful website that you’re pretty proud of. It has all the bells and whistles, and lots of big, hi-resolution images. Great, right? Well … Maybe, and maybe not.<\/p>\n\n\n\n

For a start, if you read my previous post<\/a>, you’ll know by now that a website has to do a lot more than just look pretty, to be of value. But more importantly, a website has to load quickly, and it’s quite possible that all those bells and whistles might be slowing your site down. And this could be costing you in ways that you didn’t even consider.<\/p>\n\n\n\n

But first, how does speed even enter the picture, and why is it important?
Let’s find out.<\/p>\n\n\n\n

Why Speed Matters<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n

User Experience<\/h4>\n\n\n\n

Users and visitors are the reason that websites exist. And without them, there may as well not be any websites at all. <\/p>\n\n\n\n

So it makes sense then that your website should provide a great user experience.
But, as we all know, not all sites are fast, and a slow website equals a poor user experience.<\/p>\n\n\n\n

Bounce Rates<\/h4>\n\n\n\n

We live in the age of lightning-fast fibre-optic broadband, and today and we demand that everything happens instantly. So, users are more than likely to notice if a website is sluggish, and it’s going to irritate them.<\/p>\n\n\n\n

And guess what frustrated users do? They ‘bounce’, or navigate away from the site. And just like that, your chance to make a good impression and begin a lifelong relationship is gone.<\/p>\n\n\n\n

Conversions<\/h4>\n\n\n\n

‘Conversions’ are the actions that you, as a website owner, want visitors to take on your site. It could be something such as making a purchase or signing up to your newsletter. <\/p>\n\n\n\n

But a slow site that causes visitor abandon it means that there is very little chance of people taking these desired actions. <\/p>\n\n\n\n

Rankings in Search Engines<\/h4>\n\n\n\n

A large number of visitors leaving your website, soon after arriving, tells search engines that users don’t like your website for some reason. And so, search engines will take note and send less traffic your way.<\/p>\n\n\n\n

And if that wasn’t bad enough, since 2010, Google have started penalising websites that are slow, by placing them lower in the search results. <\/p>\n\n\n\n

This is mainly because more and more people now use the Internet on mobile devices. So websites that are slow to load, will take even longer to load on these devices\u2014especially, if they’re operating on mobile data (which often runs slower than wifi).<\/p>\n\n\n\n

Google’s decision makes a lot of sense because they want to provide their users with the best possible experience. Matching users with the information they are searching for, as quickly as possible is imperative, and slow websites just get in the way of this.<\/p>\n\n\n\n

As you can now see, a slow site is guaranteed to hurt your bottom line in a number of ways. So now, lets see how you can fix this.<\/p>\n\n\n\n

Checking Your Site’s Speed<\/h2>\n\n\n\n

The first thing to do is to check your site’s speed. There are a number of tools that can help you do this, but I’d recommend that you use Google’s ‘Page Speed Insights<\/a>‘ tool. The main reason being that it’s Google own tool, but also because it gives you a breakdown of results for both desktop and mobile traffic. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Follow these steps to check your site’s speed:<\/p>\n\n\n\n

  1. Head on over to https:\/\/developers.google.com\/speed\/pagespeed\/insights\/<\/a><\/li>
  2. Enter your website’s address or URL into the space provided and hit the ‘Analyse’ button.<\/li>
  3. The tool will take a few seconds and then give you the score. Note that you can skip between the mobile and desktop scores using the two tabs in results section. The important score is the one for mobile. <\/li><\/ol>\n\n\n\n

    Generally speaking, if you have a score of 80 or above (for mobile), I’d say you have very little to worry about. But if you don’t, then you have some work to do and the following steps should help you on your way.<\/p>\n\n\n\n

    Steps for Making Your Site Faster<\/h2>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Any of the steps below will help towards increasing your site’s speed and the more of them you can implement, the better. We’ll start from the simplest (and least expensive) method and move towards the more complex and potentially expensive ones.<\/p>\n\n\n\n

    Step 1\u2014Optimise Your Site’s Images<\/h4>\n\n\n\n

    More or less every site has images. But all images aren’t created equal, and the ones that have a large file-size and format take up more memory and slow a website down. So you need to optimise them to make them load faster. This can be achieved by doing any or all of the following:<\/p>\n\n\n\n

    Use the JPG File Format Where Possible<\/h5>\n\n\n\n

    Most images that are on websites are either in PNG or JPG formats.<\/p>\n\n\n\n

    The PNG format is ‘lossless’ and provides greater clarity, even when viewed on larger screens, or when stretched out. But they take up more memory and result in larger file sizes. <\/p>\n\n\n\n

    JPG images, on the other hand, take up less memory, but can get blurry if not handled correctly (more on this below).<\/p>\n\n\n\n

    So, convert your PNG images into the JPG format. This will ensure these images, and therefore your site, loads faster.<\/p>\n\n\n\n

    You can use a photo editing app such as Adobe Photoshop or a free online tool, such as Image Converter<\/a>.<\/p>\n\n\n\n

    Re-size Your Images<\/h5>\n\n\n\n

    The dimensions of an image also contribute to the file size, and therefore, the loading speed.<\/p>\n\n\n\n

    An image with the dimensions of 4000 pixels (width) x 1000 pixels (height) will load much slower than an image that is 400×100. <\/p>\n\n\n\n

    Plus, your device and browser will shrink overly large images when displaying them, in any case\u2014even though these are download at full size. So, it’s a case of extra work and time, for no good reason.<\/p>\n\n\n\n

    Therefore, it’s a good idea to make sure your images are only as wide and tall as they need to be, and no bigger. <\/p>\n\n\n\n

    You can convert images using software such as Adobe Photoshop or online tools such as Image2Go<\/a>.<\/p>\n\n\n\n

    Compress Your Images<\/h5>\n\n\n\n

    Every image takes up a certain amount of memory space to store, transfer and display. Compression reduces the amount of memory taken (resulting in a smaller file-size), while preserving the quality of the image. <\/p>\n\n\n\n

    You can use an online tool such as TinyPNG<\/a> to compress your images (it can handle JPGs as well as PNGs).<\/p>\n\n\n\n

    The example below shows how I achieved lower file sizes (for the same image) by changing the file format and compressing it. I was able to take it down from a whopping 1.8 Megabytes to a ‘lean and mean’ 131 Kilobytes!<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Step 2\u2014Apply Caching<\/h4>\n\n\n\n

    All the words, pictures and other elements that make up you website are stored on a computer that is always connected to the Internet. This computer, which is owned and maintained by your hosting company (or web host), is referred to as the ‘web server’.<\/p>\n\n\n\n

    Websites generally display their pages through the process of the web server ‘serving’ up the the bits of information relating to the page the visitor’s computer is ‘requesting’. Usually, all the different bits of data are sent separately and in their many varied formats (HTML, CSS, JAVA, JPG etc.). This takes time.<\/p>\n\n\n\n

    With caching, the web host stores and sends a complete ‘snapshot’ (instead of serving elements in a piecemeal fashion). This results in fewer isolated components , fewer formats and a lower number of requests for information. So it’s a lot quicker. <\/p>\n\n\n\n

    Also, the website visitor’s device will store information relating to common elements of the site (such as the header, footer and logo etc.) or a previously visited page in Internet browser itself, so that these do not have to be sent over, again and again.<\/p>\n\n\n\n

    If you’re site runs on WordPress, there are many ‘plugins’ that you can choose from, to help speed up your site. If you’re website is built using any other platform, check with your webmaster or host to see what your options are. Also, note that Content Delivery Networks (see Step 3 below) offer caching, as part of their services.<\/p>\n\n\n\n

    Step 3\u2014Use A Content Delivery Network (CDN)<\/h4>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    The geographical location of the web server and the website’s visitors adds an element of delay or ‘latency’ to the process of serving up web pages. <\/p>\n\n\n\n

    If your web host is located in France and your site’s visitor is located in Taiwan, the information will take longer to reach them than if they were browsing your site from Italy, which is geographically nearer.<\/p>\n\n\n\n

    Content Delivery Networks (or CDNs) help to mitigate this delay. CDNs have servers located in several places around the world. When someone visits a website, the CDN acts as a ‘go between’ and serve up the required files from their location which is nearest to the visitor’s location.<\/p>\n\n\n\n

    You should check with your web master or host about your CDN options. Cloudflare<\/a> offers a free CDN service and are definitely worth checking out. <\/p>\n\n\n\n

    Warning:<\/strong> Make sure that you configure the CDN service correctly, or it will sometimes make your site slower than it was before!<\/em><\/p>\n\n\n\n

    Step 4\u2014Change Your Web Host<\/h4>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Web hosts vary in the quality of service, equipment and techniques they use. You can sometimes speed up you site just by moving to a web host that users more up to date technology and techniques. Usually, this comes at a higher cost, but it’s still worth considering, in view of the benefits.<\/p>\n\n\n\n

    So there you have it! You now know why speed matters and how to improve your website’s speed. Thank you so much for reading!<\/p>\n\n\n\n

    As always, if you found this post helpful, let me know in the comments and please share it with anyone else you know, who might want this information.<\/p>\n\n\n\n

    And get in touch<\/a> if you have any questions or need any help.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Speed matters and if you have a slow site, it could be costing you. Read more to learn how you can fix any speed issues with your site.<\/p>\n","protected":false},"author":1,"featured_media":886,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[4,5],"tags":[14,15,13,11,12],"featured_image_src":"https:\/\/www.defonsekaconsulting.com\/wp-content\/uploads\/2020\/09\/Website_Speed.jpg","featured_image_src_square":"https:\/\/www.defonsekaconsulting.com\/wp-content\/uploads\/2020\/09\/Website_Speed.jpg","author_info":{"display_name":"Indika","author_link":"https:\/\/www.defonsekaconsulting.com\/author\/indikaindikadefonseka-com\/"},"_links":{"self":[{"href":"https:\/\/www.defonsekaconsulting.com\/wp-json\/wp\/v2\/posts\/885"}],"collection":[{"href":"https:\/\/www.defonsekaconsulting.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.defonsekaconsulting.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.defonsekaconsulting.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.defonsekaconsulting.com\/wp-json\/wp\/v2\/comments?post=885"}],"version-history":[{"count":0,"href":"https:\/\/www.defonsekaconsulting.com\/wp-json\/wp\/v2\/posts\/885\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.defonsekaconsulting.com\/wp-json\/wp\/v2\/media\/886"}],"wp:attachment":[{"href":"https:\/\/www.defonsekaconsulting.com\/wp-json\/wp\/v2\/media?parent=885"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.defonsekaconsulting.com\/wp-json\/wp\/v2\/categories?post=885"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.defonsekaconsulting.com\/wp-json\/wp\/v2\/tags?post=885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}