{"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-02-02T04:57:11","modified_gmt":"2024-02-02T04:57:11","slug":"navigating-your-way-to-better-website-performance","status":"publish","type":"post","link":"https:\/\/staging.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<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_1 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\r\n<div class=\"ez-toc-title-container\">\r\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\r\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\r\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/staging.osmosys.co\/uk\/navigating-your-way-to-better-website-performance\/#How_to_check_your_websites_performance_today\" >How to check your website\u2019s performance today<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/staging.osmosys.co\/uk\/navigating-your-way-to-better-website-performance\/#Actions_you_can_take_right_away_to_Improve\" >Actions you can take right away to Improve<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/staging.osmosys.co\/uk\/navigating-your-way-to-better-website-performance\/#Tools_that_will_help_along_the_way\" >Tools that will help along the way<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/staging.osmosys.co\/uk\/navigating-your-way-to-better-website-performance\/#Resources_that_will_help_along_the_way\" >Resources that will help along the way<\/a><\/li><\/ul><\/nav><\/div>\r\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_to_check_your_websites_performance_today\"><\/span>How to check your website\u2019s performance today<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/miro.medium.com\/v2\/resize:fit:1400\/format:webp\/1*g-Ts9pFMVdSdBnP0Aiek3g.png\" alt=\"\" \/><\/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 decoding=\"async\" src=\"https:\/\/blog.osmosys.co\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-14-at-2.51.38-PM-1024x554.png\" alt=\"\" class=\"wp-image-4100\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/blog.osmosys.co\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-14-at-2.52.28-PM-1024x549.png\" alt=\"\" class=\"wp-image-4101\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/blog.osmosys.co\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-14-at-2.52.47-PM-1024x550.png\" alt=\"\" class=\"wp-image-4102\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Actions_you_can_take_right_away_to_Improve\"><\/span>Actions you can take right away to Improve<span class=\"ez-toc-section-end\"><\/span><\/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\"><span class=\"ez-toc-section\" id=\"Tools_that_will_help_along_the_way\"><\/span>Tools that will help along the way<span class=\"ez-toc-section-end\"><\/span><\/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\"><span class=\"ez-toc-section\" id=\"Resources_that_will_help_along_the_way\"><\/span>Resources that will help along the way<span class=\"ez-toc-section-end\"><\/span><\/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":11,"featured_media":4161,"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":"","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":[47],"tags":[89,90],"class_list":["post-3897","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development","tag-web-development","tag-website-performace"],"modified_by":null,"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/staging.osmosys.co\/uk\/wp-json\/wp\/v2\/posts\/3897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.osmosys.co\/uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.osmosys.co\/uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.osmosys.co\/uk\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.osmosys.co\/uk\/wp-json\/wp\/v2\/comments?post=3897"}],"version-history":[{"count":0,"href":"https:\/\/staging.osmosys.co\/uk\/wp-json\/wp\/v2\/posts\/3897\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.osmosys.co\/uk\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/staging.osmosys.co\/uk\/wp-json\/wp\/v2\/media?parent=3897"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.osmosys.co\/uk\/wp-json\/wp\/v2\/categories?post=3897"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.osmosys.co\/uk\/wp-json\/wp\/v2\/tags?post=3897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}