medium_shubham1.png

small_shubham1.png

thumbnail_shubham1.png

shubham1.png

Shubham Saurabh

How to Boost Your Website Performance with Actionable Metrics

large_Inner -How How to Boost Your Website Performance with Actionable Metrics.png

medium_Inner -How How to Boost Your Website Performance with Actionable Metrics.png

small_Inner -How How to Boost Your Website Performance with Actionable Metrics.png

thumbnail_Inner -How How to Boost Your Website Performance with Actionable Metrics.png

Inner -How How to Boost Your Website Performance with Actionable Metrics.png

Discover the essential website performance metrics that impact user experience. Learn how to measure and optimize factors like page speed, responsiveness, and visual stability for a high-performing website. Enhance your site's performance and attract satisfied users with actionable insights on website performance metrics.

<h2>The Overview</h2>I have often seen PMs, and Devs chase Perfect lighthouse scores. And I have seen many devs saying,&nbsp;<blockquote><ul><li>The lighthouse performance score is different every time; there is no way to debug it because there is no consistency</li></ul></blockquote><blockquote><ul><li>Page Speed and Lighthouse performance scores are not the same</li></ul></blockquote><blockquote><ul><li>My webpage Lighthouse score has been changed; I have yet to write a single line of code</li></ul></blockquote><blockquote><ul><li>Different Platforms like Auditzy, GTMetrix, WebPageTest etc provide different results; I am still determining which one I should trust</li></ul></blockquote>Does any of the above statements look familiar to you? If yes, do not worry; I will explain in this blog why the Lighthouse performance score variance at a core level.As per Google,&nbsp;<blockquote>“Lighthouse performance scores tend to change due to the inherent variability in web and network technologies, even if there hasn't been a change to the page.”</blockquote>Now let's dive deep to understand the above statement in detail.There are 2 ways to run a Website Performance Audit:<ol><li>Google Lighthouse (For Lab Data)</li><li>Page Speed Insights (For Field &amp; Lab Data)</li></ol>Google Lighthouse has been designed to be used in 2 ways widely.<ul><li>Use Lighthouse as a Chrome/Firefox dev tool extension to extract website performance scores. The catch here is, Lighthouse will take the device computation power and current network and use your current location to establish the connection with the hosted server of the URL which you are looking to Audit. This will lead to varying website performance on multiple audit runs as your network and device computation power can change over various runs. You can not save your data programmatically, and numerous runs will be frustrating.</li><li>Use Node CLI to run Headless Chrome and Lighthouse. This is the most recommended way to perform Audits. But there is a catch here; this is only for some; this route will cost you money, as you will be asked to set up your own compute server (8GB RAM 4 Core CPU, recommended). Once your VM is set, you should be able to extract information with minimal performance variability compared to dev tools' chrome LH extension. Here you can run audits across your personified Simulated/Emulated Device, Various Network Conditions, and the location would be the server location of the Hosted compute server (like, Mumbai, Texas, London etc.).&nbsp;</li></ul><blockquote>Please note at any given time, you can only perform one Audit on any machine; running multiple audits in parallel is not recommended because it will skew the performance for all the URLs.</blockquote><h2>In-depth understanding of Page Speed Insights</h2>On the other hand, PSI gives your Field Data (Core Web Vitals) and Lab Data for any URL.&nbsp;PSI, use Node CLI Headless Chrome Lighthouse in the background to extract the information of Lab Data for any given URL for both Mobile and Desktop Mode.As of 5th May 2023, For Mobile Audits, below are the configurations:<ul><li>Device:&nbsp;Moto G Power</li><li>Network:&nbsp;Slow 4G&nbsp;(150 ms TCP RTT, 1.6 Mbps simulated)</li><li>Location:&nbsp;Asia&nbsp; (Now, this is a pain point)</li></ul>For the Desktop, the configuration is below:<ul><li>Device: Simulated Desktop (Screen emulation: 1350x940, DPR 1)</li><li>Network:&nbsp;Broadband 4G&nbsp;(40 ms TCP RTT, 10 Mbps throughput, Simulated)</li><li>Location:&nbsp;Asia&nbsp; (Now, this is a pain point)</li></ul><h2>The Challenge with Page Speed Insights</h2><ul><li>The location must be specified for both Desktop and Mobile, which is a big issue because my website might be hosted in India. So ideally, I want to check my website performance from an Indian server location. A massive performance drop will occur if the server is hosted somewhere in Asia. And hence PSI should not be considered a source of truth for performance data.&nbsp;</li><li>You can not control network speed and devices with PSI because they use a standard configuration for all their runs. This is fine, but what if I want to check my website performance on a Simulated/Emulated Iphone device with a 5G network? This is just not possible with PSI.&nbsp;</li><li>Since the last optimization, you can not store Audit data and must jump between files to understand changes. There is no data-driven analytics.</li></ul><h2>When to Trust Page Speed Insights</h2>Page Speed Insights are good for tracking Core Web Vitals. The source of this data is CrUX (Chrome User Experience). CrUX calculates the CWV data sets when the user is logged in to Chrome while browsing your website. It means<blockquote>You will not have the CWV data for the users coming from the Chrome incognito window or any other browsers.</blockquote>But you can still trust this data because the majority of the traffic on the internet still comes from Chrome. To learn more about CWV for all other browsers, you must set up your RUM (Real User Monitoring).Also, CrUX does provide historical CWVs data for any URL of the previous 6 months, which you can find via their APIs, but it's not available for PSI. You can <a href="https://auditzy.com/features/core-web-vital-checker" target="_blank" rel="noopener noreferrer">check any URL Core Web Vitals History, with Auditzy, for Free</a> !!<h2>Other factors which can vary Google Lighthouse performance score in multiple audit runs</h2>Some more factors can impact the website performance and produce a variance during multiple runs, and they are:<ul><li>3rd party scripts sometimes play a substantial role; for example, if a script fires depending on some condition during page load, then the lighthouse performance score will vary.</li><li>Page nondeterminism, e.g., an A/B test that changes the layout and assets loaded or a different ad experience based on campaign progress. It is an intentional and irremovable source of variance.</li><li>Local Network Variability happens when you are running Lighthouse from the dev tool extension. Local networks have intrinsic variability from packet loss, variable traffic prioritization, and last-mile network congestion. Users with cheap routers and many devices sharing limited bandwidth are usually the most susceptible to this.</li><li>Client Resource Contention can also cause performance variance, which is true because if the client (the machine from which the LH audit is happening) is running multiple applications at the same time when LH is being triggered, then there can be performance variance because the computation power of the device will be get shared and hence the performance variance.</li><li>Browser Nondeterminism also contributes to website performance variability because browsers have inherent variability in their execution of tasks that impacts the way webpages are loaded. It is unavoidable for dev tools to throttle as they are simply reporting whatever was observed by the browser.</li><li>Lighthouse version Mismatch can also cause performance score variance; this happens when you look at the report of the exact URL and various platforms like Auditzy, GTMetrix, WebPageTest, etc. Always trust the report generated from the latest Lighthouse version because algorithms keep changing, and looking at the older LH version's data can be disastrous.</li></ul><h2>How to Deal With Lighthouse Performance Score Variance</h2>As we have observed, there is no 100% correct solution because many factors can cause performance variance. But there are ways by which you can minimize the variance. These are:<ul><li>Run Lighthouse on Adequate Hardware like 8 GB RAM and 4 Core CPU machine (dedicated) configuration will provide minimal variance as compared to other&nbsp;</li><li>Isolate external factors like the impact of 3rd party code, network variance, and server variance because you should not blame Lighthouse for performance variance when the culprit is someone else :)</li><li>Run Lighthouse at least 5 times to understand the data sampling for one Visitor First Persona (VPF). This will help you understand the performance trend.</li></ul><h2>The Way Forward</h2>As passionate performance enthusiasts, we have also faced similar challenges in the past while optimizing websites and have spent an ample amount of time chasing scores. But once we understood the core algorithm of Lighthouse and why performance score varies, we started building Auditzy and spreading the knowledge about <a href="https://auditzy.com/blog/why-does-website-performance-score-keep-on-changing" target="_blank" rel="noopener noreferrer">Visitor First Personas (VPF)</a>.&nbsp;Auditzy is built on top of Lighthouse which complements lighthouse with pool of features which are not available in LH and also uses adequate hardware dedicated for audits, so we do not run 2 LH runs in parallel on the same machine, providing minimal variance in multiple runs.Auditzy provides a spectrum of 40+ devices, 10+ networks and 13+ Global Locations to know about your website performance. We have a minimal variance in the website score, but we suggest having at least 5 runs to understand the website performance for any URL.We have a pool of features you can explore to minimize manual auditing and monitoring processes, like:<ul><li><a href="https://auditzy.com/features/website-speed-audit-tool" target="_blank" rel="noopener noreferrer">Auto URL detection</a> of any domain/subdomain from the sitemap.</li><li><a href="https://auditzy.com/features/website-performance-scheduling-tool" target="_blank" rel="noopener noreferrer">Scheduling</a> for monitoring website performance on an hourly, daily and weekly.</li><li><a href="https://auditzy.com/features/competitor-website-analysis-tool" target="_blank" rel="noopener noreferrer">Competitor analysis</a> and report comparison (At an atomic level)</li><li><a href="https://auditzy.com/features/pull-request-performance-reviews" target="_blank" rel="noopener noreferrer">CI/CD based performance monitoring</a> with Github, Netlify and Vercel</li><li><a href="https://auditzy.com/features/teams" target="_blank" rel="noopener noreferrer">Team feature</a> to collaborate towards a common performance goal</li><li><a href="https://auditzy.com/features/white-label-report" target="_blank" rel="noopener noreferrer">While Label report</a> to share it with your stakeholders or clients</li><li><a href="https://auditzy.com/features/core-web-vital-checker" target="_blank" rel="noopener noreferrer">Historical Core Web Vitals Test</a></li></ul>You can <a href="https://app.auditzy.com" target="_blank" rel="noopener noreferrer">start your free trial of 14 days</a> as we do not seek CC information.&nbsp;Use Auditzy first-hand to experience the power of professional website performance management.Ref: &nbsp;<a href="https://github.com/GoogleChrome/lighthouse/blob/main/docs/variability.md" target="_blank" rel="noopener noreferrer">Read official Lighthouse Documentation on Performance Variance.</a>

Why-Lighthouse-And-Page-Speed-Insights-Score-keeps-changing

large_Blog 28- Inner - Why Lighthouse And Page Speed Insights Score keeps changing_.png

medium_Blog 28- Inner - Why Lighthouse And Page Speed Insights Score keeps changing_.png

small_Blog 28- Inner - Why Lighthouse And Page Speed Insights Score keeps changing_.png

thumbnail_Blog 28- Inner - Why Lighthouse And Page Speed Insights Score keeps changing_.png

Why Lighthouse And Page Speed Insights Score keeps changing_.png

I have often seen PMs, and Devs chase Perfect lighthouse scores. And I have seen many devs saying..

Why Lighthouse Performance Score and Page Speed Insights Performance Scores keeps changing? Understand Score Variance 

small_Mayank-joshi.png

thumbnail_Mayank-joshi.png

Mayank-joshi.png

Mayank Joshi

Lighthouse 10 has been out for some time now, officially released on the 10th of Feb 2023, and brings with it quite some changes and updates. Lighthouse is a website auditing tool that helps developers with opportunities and diagnostics to improve the user experience of their sites. It analyzes web apps and web pages, collecting modern performance metrics and insights on developer best practices.<blockquote>Lighthouse, ˈlītˌhous (n): a&nbsp;<s>tower or other structure</s>&nbsp;tool containing a beacon light to warn or guide&nbsp;<s>ships at sea</s>&nbsp;developers.</blockquote>🔥 Here's what's new in Lighthouse 10 🔥<h2>✅ Scoring Changes</h2>The respected&nbsp;Time To Interactive (TTI)&nbsp;metric is removed in Lighthouse 10. Its&nbsp;10% score weight&nbsp;is now provided to&nbsp;Cumulative Layout Shift&nbsp;(CLS), which will now account for&nbsp;25%&nbsp;of the overall performance score. As a result, CLS will receive more attention for sites that still have layout shifts that need to be fixed.&nbsp; Below will be the new weightage of each Core Web Vitals now to Performance score :<ul><li>First Contentful Paint (FCP): 10</li><li>Speed Index: 10</li><li>Largest Contentful Paint (LCP): 25</li><li>Time To Interactive (TTI): 0</li><li>Total Blocking Time (TBT): 30</li><li>Cumulative Layout Shift (CLS): 15 -&gt;&nbsp;25</li></ul><h2>What impact will this have on&nbsp;website&nbsp;performance score?</h2><blockquote>"We expect this to improve most pages' performance scores since most pages tend to score better on CLS than TTI. In an analysis of 13 million page loads in the latest HTTP Archive run, 90% of those pages would see an improvement in their Lighthouse performance score, with 50% of them seeing a performance improvement of more than 5 points" - Google Lighthouse</blockquote><h2>What do we believe?</h2><blockquote>Websites will have to focus more on Visual Stability as CLS is now accountable for 25% of the web performance scoring, and it's also part of <a href="https://auditzy.com/features/core-web-vital-checker" target="_blank" rel="noopener noreferrer">Core Web Vitals</a></blockquote><figure class="image"><img src="https://res.cloudinary.com/dq8selzre/image/upload/v1681883153/Screenshot_2023_04_18_at_8_36_51_PM_e9392492da.png"><figcaption>Source: Auditzy</figcaption></figure><h2>✅ New Audits</h2>Back/forward cacheThe back/forward cache (bfcache) is one of the most powerful tools for improving a page's performance for real users.Beyond the regular browser cache, a page loaded from the bfcache will restore page layout and execution state nearly instantly, largely skipping all page load activity and getting your page in front of your users immediately as they navigate backward and forward through their history.This new Lighthouse audit navigates away from the test page and back again to test if it's bfcache-able, and lists the reasons if it fails.<figure class="image"><img src="https://res.cloudinary.com/dq8selzre/image/upload/v1681883276/Screenshot_2023_04_18_at_8_38_41_PM_fcd35a1b63.png"></figure>Paste-preventing inputsThe old Best Practices audit "Allows users to paste into password fields" has been expanded to now check that pasting into any (non-read-only) input field will work.For most sites, preventing pasting is a net-negative user experience and prevents legitimate safety and accessibility workflows.<h2>✅ Node Users</h2>If you use Lighthouse as a Node library, there are a few programmatic breaking changes in this release you may need to account for.Lighthouse 10 also ships with full TypeScript type declarations! Anything imported from Lighthouse should now be typed, which should be particularly helpful if you're scripting Lighthouse user flows.<figure class="image"><img src="https://res.cloudinary.com/dq8selzre/image/upload/v1681883403/Vl_Pi_Dh_DRI_96_PCB_Wy_Pm7x_3cca7cfd63.png"><figcaption>Source: web.dev</figcaption></figure><h2>✅ New Additions</h2>Third-party Entity classificationThanks to the community-driven third-party-web dataset, Lighthouse 5.3 introduced the third-party-summary audit. This feature summarizes how every third party found on a page contributes to the total JavaScript blocking time. With Lighthouse 10.0, website owners and developers can now benefit from a new property in the JSON result called "entities."Every origin encountered on a page is now classified as first-party or third-party within entities. This classification enables Lighthouse 10.0 to power the existing third-party filter checkbox, allowing users to filter out third-party entities and focus on first-party performance. With Lighthouse 10.1.0, the entities classification will also group the table items of every audit based on the entity it originated from, and aggregate the impact of items from that specific entity.&nbsp;<blockquote>Auditzy supports the latest version of Lighthouse i.e. v10.1.0 and the aggregate impact of each entity can help you understand the impact of first/third-party entities to improve page load times.</blockquote>&nbsp;<figure class="image"><img src="https://res.cloudinary.com/dq8selzre/image/upload/v1681883647/Screenshot_2023_04_18_at_8_40_03_PM_30c3798a64.png"></figure><h3>Conclusion</h3>Lighthouse v10 brings lots of influential web updates and a lot of websites will now have to focus more on improving CLS, as TTI now has 0 weightage to the performance scoring. It will still be available in the Lighthouse JSON response for you to check. Third-party Entity Classification summarizes how every third/first party you use on your website affects the page load times. It will help you understand which one is the real culprit to the overall JS blocking times. With Auditzy, you can set up <a href="https://auditzy.com/features/website-performance-monitoring" target="_blank" rel="noopener noreferrer">Synthetic Monitoring</a> as easily as a Google search. With more than 5000+ visitor personas to choose from you can now understand the impact of performance on your business.&nbsp;If you like this article, share it across your network, and <a href="https://auditzy.com/blog/stay-ahead-in-the-website-speed-game-tips-and-tricks-for-faster-loading-websites" target="_blank" rel="noopener noreferrer">stay ahead in the website speed game</a>.Auditzy Provides <a href="https://app.auditzy.com/" target="_blank" rel="noopener noreferrer">14-days Free Trial</a> for Synthetic monitoring to test website performance across 5000+ visitor personas.

large_Blog 24- Inner - Lighthouse 10.png

medium_Blog 24- Inner - Lighthouse 10.png

small_Blog 24- Inner - Lighthouse 10.png

thumbnail_Blog 24- Inner - Lighthouse 10.png

Lighthouse 10.png

The much anticipated Lighthouse version 10 is out now and is now supported by Auditzy™. Lighthouse 10 brings Core web vital scoring changes, TTI being removed from performance scoring, and much more!

What's new in Lighthouse 10 Updates?

Blogs

Words from our Delighted Customers

large_hero_bg.png

medium_hero_bg.png

small_hero_bg.png

thumbnail_hero_bg.png

hero_bg.png

Optimise SEO

Auditzy offers hosts of benefits to SEO Professionals to achieve better search engine rankings

rank-higher.svg

Higher Search Ranking

automated-audits.svg

Automated Audits 

better-cwv.svg

Better Core Web Vitals Score

historical-report.svg

Historical Report Monitoring

data-driven.svg

 Data-driven Insights

regular-monitoring.svg

Regular Monitoring

actionable-speed.svg

Actionable Speed Guidance

competitor-analysis.svg

Competitor Analysis

speed-analysis.svg

Speed Optimization 

Why SEO Professionals Choose Auditzy?

Benefits

A slow website can negatively impact your search engine rankings, as well as user experience. By optimizing your website speed with Auditzy, you can improve your website's search engine ranking and provide a better user experience for your visitors

higher-rank.svg

HAR reports are ready to download after a successful audit. You can download White Label reports directly from the dashboard.

time-saver.svg

Monitor Core Web Vitals & other notable performance regularly with Auditzy for improved performance. Focus only on those metrics that matter for SEO.


track-and-improve.svg

Auditzy stores your audit history on the cloud. Retrieve data from the cloud and compare it. Historical data monitoring and reporting is a key feature of Auditzy.

monitor-and-track.svg

Get updated insights to boost page speed scores and health metrics with each automated audit. Receive a detailed report to identify the problem areas with optimization advice from experts.


data-driven-insights.svg

You cannot guess the best approach to land perfect scores. Follow a tailored list specific to your business site. Get performance advice for improvement.

follow-advice.svg

Compare your website against competitors. Get a competitor analysis report to know the speed of your website and deliver a stellar user experience to your prospective customers

premium-product.svg

Start My 14-day Free Trial 

seo-cta.svg

Free tool

Clear-cut suggestions in seconds

No technical knowledge required

No Credit Card required

No Scripts Installation

Address the metrics that affect your search engine rankings with automatic and actionable monitoring by Auditzy. Get real-time SEO insights and rank higher.

How to Rank higher by optimising site speed? Explore with Auditzy

Benefits

Why SEO Professionals Choose Auditzy?

Blogs

Trending Blogs of Auditzy