{"id":3897,"date":"2023-04-17T07:45:27","date_gmt":"2023-04-17T07:45:27","guid":{"rendered":"https:\/\/blog.osmosys.co\/?p=3897"},"modified":"2024-04-03T10:17:08","modified_gmt":"2024-04-03T10:17:08","slug":"navigating-your-way-to-better-website-performance","status":"publish","type":"post","link":"https:\/\/osmosys.co\/uk\/navigating-your-way-to-better-website-performance\/","title":{"rendered":"Navigating Your Way to Better Website Performance"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div>\n<p>In the current digital era, a website&#8217;s performance has become a crucial determinant of its success. A top-notch user experience is what users anticipate from websites as more and more people access the internet using a variety of devices. But regrettably, many websites fall short in this regard, driving users to competitors&#8217; websites in search of better experiences.<\/p>\n\n\n\n<p>Real user data and experience have shown that performance problems, such as slow loading times and poor mobile responsiveness, can significantly affect how successful a website is. When a website loads slowly or is challenging for mobile users to use, visitors are more likely to leave. A recent study found that a one-second delay in page load time can actually cause a 7% decrease in conversions.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to check your website\u2019s performance today<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"645\" data-src=\"https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/1_g-Ts9pFMVdSdBnP0Aiek3g.png\" alt=\"\" class=\"wp-image-235088 lazyload\" data-srcset=\"https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/1_g-Ts9pFMVdSdBnP0Aiek3g.png 980w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/1_g-Ts9pFMVdSdBnP0Aiek3g-480x316.png 480w\" data-sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 980px, 100vw\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 980px; --smush-placeholder-aspect-ratio: 980\/645;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"645\" src=\"https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/1_g-Ts9pFMVdSdBnP0Aiek3g.png\" alt=\"\" class=\"wp-image-235088\" srcset=\"https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/1_g-Ts9pFMVdSdBnP0Aiek3g.png 980w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/1_g-Ts9pFMVdSdBnP0Aiek3g-480x316.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 980px, 100vw\" \/><\/noscript><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>STEP 1 \u2014 Open your website\/web app in a browser (Recommended browsers \u2014 Google Chrome, Firefox). It\u2019s recommended that you open it in incognito mode so that none of your extensions\/cache affects the audit.<\/li>\n\n\n\n<li>STEP 2 \u2014 Open developer tools and go to Lighthouse.<\/li>\n\n\n\n<li>STEP 3 \u2014 Select the configuration and start auditing. It will give you detailed analytics of the performance and scope of improvements.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1300\" height=\"867\" data-src=\"https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.51.38-PM-1300x867.png\" alt=\"\" class=\"wp-image-235089 lazyload\" data-srcset=\"https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.51.38-PM-1300x867.png 1300w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.51.38-PM-1280x693.png 1280w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.51.38-PM-980x531.png 980w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.51.38-PM-480x260.png 480w\" data-sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1300px, 100vw\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1300px; --smush-placeholder-aspect-ratio: 1300\/867;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1300\" height=\"867\" src=\"https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.51.38-PM-1300x867.png\" alt=\"\" class=\"wp-image-235089\" srcset=\"https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.51.38-PM-1300x867.png 1300w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.51.38-PM-1280x693.png 1280w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.51.38-PM-980x531.png 980w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.51.38-PM-480x260.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1300px, 100vw\" \/><\/noscript><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1300\" height=\"867\" data-src=\"https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.28-PM-1300x867.png\" alt=\"\" class=\"wp-image-235091 lazyload\" data-srcset=\"https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.28-PM-1300x867.png 1300w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.28-PM-1280x687.png 1280w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.28-PM-980x526.png 980w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.28-PM-480x257.png 480w\" data-sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1300px, 100vw\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1300px; --smush-placeholder-aspect-ratio: 1300\/867;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1300\" height=\"867\" src=\"https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.28-PM-1300x867.png\" alt=\"\" class=\"wp-image-235091\" srcset=\"https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.28-PM-1300x867.png 1300w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.28-PM-1280x687.png 1280w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.28-PM-980x526.png 980w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.28-PM-480x257.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1300px, 100vw\" \/><\/noscript><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1300\" height=\"867\" data-src=\"https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.47-PM-1300x867.png\" alt=\"\" class=\"wp-image-235092 lazyload\" data-srcset=\"https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.47-PM-1300x867.png 1300w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.47-PM-1280x688.png 1280w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.47-PM-980x526.png 980w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.47-PM-480x258.png 480w\" data-sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1300px, 100vw\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1300px; --smush-placeholder-aspect-ratio: 1300\/867;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1300\" height=\"867\" src=\"https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.47-PM-1300x867.png\" alt=\"\" class=\"wp-image-235092\" srcset=\"https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.47-PM-1300x867.png 1300w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.47-PM-1280x688.png 1280w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.47-PM-980x526.png 980w, https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2024\/02\/Screenshot-2023-04-14-at-2.52.47-PM-480x258.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1300px, 100vw\" \/><\/noscript><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Actions you can take right away to Improve<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Optimize images<\/strong>: Check the intrinsic size vs Rendered size. Large images can take a long time to load, so it\u2019s important to ensure that they are properly optimized and sized. This can be done by using image optimization tools to reduce the file size of your images, and by using responsive images that are scaled appropriately for different devices.<\/li>\n\n\n\n<li><strong>Enable Gzip compression<\/strong>: Gzip is a method of compressing files that can significantly reduce the size of your HTML, CSS, and JavaScript files. Enabling Gzip compression can help reduce the amount of time it takes for these files to be transferred from the server to the user\u2019s device.<\/li>\n\n\n\n<li><strong>Prefer CDN over local resources<\/strong>: A content delivery network (CDN) is a network of servers that are distributed across different locations. Using a CDN can help reduce the distance that data has to travel, which can improve the loading times for your website.<\/li>\n\n\n\n<li><strong>Better user accessibility<\/strong>: Improving user accessibility is a crucial factor in improving website performance and increasing its Lighthouse score. Accessibility means designing and developing websites to be inclusive and accessible to users of all abilities. <br><br>To improve user accessibility, you can start by implementing best practices such as using descriptive alt text for images, providing clear and concise headings, ensuring proper color contrast, and using keyboard-friendly navigation.<\/li>\n<\/ul>\n\n\n\n<p>By following these tips along with hundreds of other recommendations that you get from the lighthouse report, you can help improve the performance of your website and provide a better experience for your users.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>In conclusion, website performance is a critical factor in determining the success of your website, and tools like Lighthouse Report can help you achieve better results. By optimizing your website&#8217;s speed, user experience, and accessibility, you can increase engagement, conversions, and customer satisfaction. Real user data and experience have shown that small improvements in website performance can lead to significant gains in these areas. So, take the time to explore the tips and strategies shared in this blog, implement them on your website, and continue to monitor your performance with Lighthouse Report and other tools. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>With a little effort, you can take your website&#8217;s performance to the next level and provide your users with an exceptional experience that will keep them coming back for more.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tools that will help along the way<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/pagespeed.web.dev\/\" rel=\"noreferrer noopener\" target=\"_blank\">https:\/\/pagespeed.web.dev\/<\/a>&nbsp;(Online substitute for lighthouse)<\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/imagecompressor.com\/\" target=\"_blank\">https:\/\/imagecompressor.com\/<\/a>&nbsp;(Compress your images online)<\/li>\n\n\n\n<li><a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noopener\">https:\/\/webaim.org\/resources\/contrastchecker\/<\/a> (Checks the contrast)<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Resources that will help along the way<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/web.dev\/\" target=\"_blank\" rel=\"noopener\">web.dev<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/Performance\/What_is_web_performance\" rel=\"noreferrer noopener\" target=\"_blank\">MDN<\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>In the current digital era, a website&#8217;s performance has become a crucial determinant of its success. A top-notch user experience is what users anticipate from websites as more and more people access the internet using a variety of devices. But regrettably, many websites fall short in this regard, driving users to competitors&#8217; websites in search [&hellip;]<\/p>\n","protected":false},"author":23,"featured_media":235087,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","_lmt_disableupdate":"","_lmt_disable":"","rank_math_lock_modified_date":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[106,87],"tags":[88,89],"class_list":["post-3897","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology","category-web-development","tag-web-development","tag-website-performace"],"modified_by":"bhavanaarni","jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/osmosys.co\/uk\/wp-content\/uploads\/sites\/6\/2023\/04\/photo-1573496358773-bdcdbd984982-jpg.webp","_links":{"self":[{"href":"https:\/\/osmosys.co\/uk\/wp-json\/wp\/v2\/posts\/3897"}],"collection":[{"href":"https:\/\/osmosys.co\/uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/osmosys.co\/uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/osmosys.co\/uk\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/osmosys.co\/uk\/wp-json\/wp\/v2\/comments?post=3897"}],"version-history":[{"count":3,"href":"https:\/\/osmosys.co\/uk\/wp-json\/wp\/v2\/posts\/3897\/revisions"}],"predecessor-version":[{"id":235095,"href":"https:\/\/osmosys.co\/uk\/wp-json\/wp\/v2\/posts\/3897\/revisions\/235095"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/osmosys.co\/uk\/wp-json\/wp\/v2\/media\/235087"}],"wp:attachment":[{"href":"https:\/\/osmosys.co\/uk\/wp-json\/wp\/v2\/media?parent=3897"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/osmosys.co\/uk\/wp-json\/wp\/v2\/categories?post=3897"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/osmosys.co\/uk\/wp-json\/wp\/v2\/tags?post=3897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}