{"id":747,"date":"2021-12-09T14:46:26","date_gmt":"2021-12-09T14:46:26","guid":{"rendered":"https:\/\/www.4fxblog.co.uk\/?p=747"},"modified":"2023-04-18T17:13:58","modified_gmt":"2023-04-18T16:13:58","slug":"optimising-websites-for-speed","status":"publish","type":"post","link":"https:\/\/www.4fx.co.uk\/blog\/optimising-websites-for-speed\/","title":{"rendered":"Why is speed essential for a successful website?"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\"><p><img decoding=\"async\" class=\"aligncenter wp-image-744 size-full\" src=\"https:\/\/www.4fxblog.co.uk\/wp-content\/uploads\/2021\/12\/iStock-852010454.jpg\" alt=\"\" width=\"759\" height=\"460\" srcset=\"https:\/\/www.4fx.co.uk\/blog\/wp-content\/uploads\/2021\/12\/iStock-852010454-200x121.jpg 200w, https:\/\/www.4fx.co.uk\/blog\/wp-content\/uploads\/2021\/12\/iStock-852010454-300x182.jpg 300w, https:\/\/www.4fx.co.uk\/blog\/wp-content\/uploads\/2021\/12\/iStock-852010454-400x242.jpg 400w, https:\/\/www.4fx.co.uk\/blog\/wp-content\/uploads\/2021\/12\/iStock-852010454-600x364.jpg 600w, https:\/\/www.4fx.co.uk\/blog\/wp-content\/uploads\/2021\/12\/iStock-852010454.jpg 759w\" sizes=\"(max-width: 759px) 100vw, 759px\" \/><\/p>\n<p><strong>We often get asked why speed matters in website design and development. Our co-founder and director, Chris Coomber looks at why speed is important and things you can consider doing to speed up your site.<\/strong><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-772\" src=\"https:\/\/www.4fxblog.co.uk\/wp-content\/uploads\/2021\/12\/BlogTxtQuote-1.png\" alt=\"\" width=\"583\" height=\"69\" srcset=\"https:\/\/www.4fx.co.uk\/blog\/wp-content\/uploads\/2021\/12\/BlogTxtQuote-1-200x24.png 200w, https:\/\/www.4fx.co.uk\/blog\/wp-content\/uploads\/2021\/12\/BlogTxtQuote-1-300x36.png 300w, https:\/\/www.4fx.co.uk\/blog\/wp-content\/uploads\/2021\/12\/BlogTxtQuote-1-400x47.png 400w, https:\/\/www.4fx.co.uk\/blog\/wp-content\/uploads\/2021\/12\/BlogTxtQuote-1.png 583w\" sizes=\"(max-width: 583px) 100vw, 583px\" \/><\/p>\n<p><strong>Wow! That\u2019s just 3 seconds for your customers to decide if they are going to browse your products and services, request more information, complete a form or make a purchase. That\u2019s less time than it takes to sneeze!<\/strong><\/p>\n<\/p>\n<h3 data-fontsize=\"16\" data-lineheight=\"24px\" class=\"fusion-responsive-typography-calculated\" style=\"--fontSize:16; line-height: 1.5; --minFontSize:16;\"><strong>Why is website speed important?<\/strong><\/h3>\n<p>The speed of your website is important for a number of reasons:<\/p>\n<p><strong>\u2022 Search Engine Ranking<\/strong><\/p>\n<p>Google ranks each site from 0-100 and takes multiple data points into that score. Sites are ranked by assessing a range of indicators and it moves from each one to the next one, with varying weightings.<\/p>\n<p>Page speed is increasingly one of Google\u2019s key pointers for ranking in search engines. This, as well as on page content and relevance. The optimal number of individual pieces of content needed to display the entire web page is fewer than 50, which doesn\u2019t give you a lot to play with across a large site.<\/p>\n<p><strong>\u2022 Mobile First<\/strong><\/p>\n<p>In 2020, 87% of adults in the UK owned smartphones and in 2021 to date, 55% of website page views came from mobile phones. Searching websites via mobile is becoming the norm rather than the exception and people don\u2019t want to wait for sites to load or have to use up their own data to waiting. There is always another site that will get you want you want.<\/p>\n<p><strong>\u2022 Positive User Experience<\/strong><\/p>\n<p>A slow website has a huge impact on the user experience. Poor loading speeds, buffering video, a lag in navigation and difficulty in seeing images can lead to frustration and increased bounce rates. Slow sites speed can reduce impulse buys, prevent purchases as they can make people feel like the site is not secure or processing properly. Research shows that users read fewer articles each day whilst experiencing delays loading each web page and the speed of the site negatively impacts a user\u2019s session depth, no matter how small the delay, adversely effecting engagement and conversions.<\/p>\n<p><strong>\u2022 Improve Conversion Rates<\/strong><\/p>\n<p>Research published on HubSpot\u2019s blog shows that website conversion rates drop by an average of 2.11% with each additional second of load time (between seconds 0-9). And, according to an article on marketing influencer, Neil Patel\u2019s blog, if an e-commerce site is making $100,000 per day, a 1 second page delay could potentially cost a business $2.5 million in lost sales every year. That\u2019s significant lost customers and a huge impact on your bottom line.<\/p>\n<p><a href=\"\/\/blog.kissmetrics.com\/wp-content\/uploads\/2011\/04\/loading-time.pdf\" target=\"_blank\" class=\"fusion-no-lightbox\" rel=\"noopener\"><img decoding=\"async\" class=\"wp-image-766 alignright\" src=\"https:\/\/www.4fxblog.co.uk\/wp-content\/uploads\/2021\/12\/SEO-Speed-Infographic.png\" alt=\"\" width=\"351\" height=\"138\" srcset=\"https:\/\/www.4fx.co.uk\/blog\/wp-content\/uploads\/2021\/12\/SEO-Speed-Infographic-200x79.png 200w, https:\/\/www.4fx.co.uk\/blog\/wp-content\/uploads\/2021\/12\/SEO-Speed-Infographic-300x118.png 300w, https:\/\/www.4fx.co.uk\/blog\/wp-content\/uploads\/2021\/12\/SEO-Speed-Infographic-400x157.png 400w, https:\/\/www.4fx.co.uk\/blog\/wp-content\/uploads\/2021\/12\/SEO-Speed-Infographic-600x236.png 600w, https:\/\/www.4fx.co.uk\/blog\/wp-content\/uploads\/2021\/12\/SEO-Speed-Infographic-768x302.png 768w, https:\/\/www.4fx.co.uk\/blog\/wp-content\/uploads\/2021\/12\/SEO-Speed-Infographic-800x315.png 800w, https:\/\/www.4fx.co.uk\/blog\/wp-content\/uploads\/2021\/12\/SEO-Speed-Infographic.png 816w\" sizes=\"(max-width: 351px) 100vw, 351px\" \/><\/a><\/p>\n<p><span style=\"color: #333399;\"><strong>Key impacts of a slow site:<\/strong><\/span><br \/>\n<span style=\"color: #333399;\"><strong>&#8211; Low conversion rate<\/strong><\/span><br \/>\n<span style=\"color: #333399;\"><strong>&#8211; High bounce rate<\/strong><\/span><br \/>\n<span style=\"color: #333399;\"><strong>&#8211; Poor google ranking<\/strong><\/span><br \/>\n<span style=\"color: #333399;\"><strong>&#8211; Frustrated customers<\/strong><\/span><br \/>\n<span style=\"color: #333399;\"><strong>&#8211; Bad customer experience<\/strong><\/span><\/p>\n<h3 data-fontsize=\"16\" data-lineheight=\"24px\" class=\"fusion-responsive-typography-calculated\" style=\"--fontSize:16; line-height: 1.5; --minFontSize:16;\"><strong>What speeds should your website be aiming for?<\/strong><\/h3>\n<p>Google itself aims for under half-a-second load time. Pretty ambitious for everyone else to achieve! Anything less than 3 seconds is a good rule of thumb.<\/p>\n<p>We <span style=\"color: #ff0000;\"><a href=\"https:\/\/www.4fx.co.uk\/blog\/helping-you-get-started-with-digital-marketing\/\" target=\"_blank\" rel=\"noopener noreferrer\">recently redeveloped our own site for 4FX<\/a><\/span> and aimed for a desktop score of 100 and a 80+ for the mobile version. It is something we monitor and review regularly on our own site and those websites that we host and maintain. We use the <span style=\"color: #ff0000;\"><a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener noreferrer\">page speed insight tools from Google<\/a><\/span> help to identify issues, as factors which affect the scores and the rankings change regularly.<\/p>\n<h3 data-fontsize=\"16\" data-lineheight=\"24px\" class=\"fusion-responsive-typography-calculated\" style=\"--fontSize:16; line-height: 1.5; --minFontSize:16;\"><strong>What can you do to improve your website speed?<\/strong><\/h3>\n<p>There are some practical things you can do to speed up your website.<\/p>\n<p><strong>\u2022 Clean up your code:<\/strong> Many <span style=\"color: #ff0000;\"><\/span><a href=\"https:\/\/www.4fx.co.uk\/blog\/how-to-decide-if-an-off-the-shelf-or-bespoke-cms-is-right-for-you\/\"><span style=\"color: #ff0000;\">off the shelf packages and Content Management Systems (CMS)<\/span> <\/a>have a lot of extra code in to cater for all possible scenarios. With a bespoke website, there is no bloated code from functionality that is not being used, such as Javascript\/jQuery or code that is not required for the activity on a particular page. Less code is better all-round from a security point of view too.<\/p>\n<p><strong>\u2022 Images\/Graphics:<\/strong> Optimising images and graphics is essential to help with page speed. When we build sites we use progressive JPEGs, highly optimised with Web P, which helps reduce bloat.<\/p>\n<p><strong>\u2022 Videos:<\/strong> Streaming rather than loading in one go helps with speed. This can be done asynchronously, so the video can be playing while rest of website is loading.<\/p>\n<p><strong>\u2022 Concurrent downloads:<\/strong> We aim for all files and content to download at the same time when the web page loads, keeping in mind the optimal number of content pieces, mentioned earlier. It is essential that the site is still readable for the user while all the components are loading.<\/p>\n<p><strong>\u2022 Optimise key phrases and SEO in on page content:<\/strong> Relevant and properly contextualised content with tags, titles and keywords can improve your Google rankings.<\/p>\n<p><strong>All about the customer experience<\/strong><\/p>\n<p>Overall, the key thing to remember is that the faster a website loads, the better it is for the end user and ultimately your bottom line.<\/p>\n<p>Where possible, all our websites are built bespoke rather than using of the shelf packages. Mobile first design, speed and customer experience are at the core of our web design and development projects.<\/p>\n<p><strong>Need a steer on speeding up your website?<\/strong><\/p>\n<p>Contact the 4FX team on 01908 375200 or visit <span style=\"color: #ff0000;\"><a href=\"https:\/\/www.4fx.co.uk\/\" target=\"_blank\" rel=\"noopener noreferrer\">www.4fx.co.uk<\/a><\/span> for help with optimising and speeding up your website.<\/p>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":744,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"categories":[13,15,34,48,16],"tags":[47,45,20,37,50,49,18],"class_list":["post-747","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-app-design","category-apps","category-industry-news","category-seo","category-websites","tag-bespoke-systems","tag-content-managemet","tag-design","tag-development","tag-search-engine-optimisation","tag-seo","tag-websites"],"_links":{"self":[{"href":"https:\/\/www.4fx.co.uk\/blog\/wp-json\/wp\/v2\/posts\/747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.4fx.co.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.4fx.co.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.4fx.co.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.4fx.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=747"}],"version-history":[{"count":23,"href":"https:\/\/www.4fx.co.uk\/blog\/wp-json\/wp\/v2\/posts\/747\/revisions"}],"predecessor-version":[{"id":944,"href":"https:\/\/www.4fx.co.uk\/blog\/wp-json\/wp\/v2\/posts\/747\/revisions\/944"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.4fx.co.uk\/blog\/wp-json\/wp\/v2\/media\/744"}],"wp:attachment":[{"href":"https:\/\/www.4fx.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=747"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.4fx.co.uk\/blog\/wp-json\/wp\/v2\/categories?post=747"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.4fx.co.uk\/blog\/wp-json\/wp\/v2\/tags?post=747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}