Tag: Optimisation

  • I Tracked Mobile Core Web Vitals for a Month and Passed the Test. I Healed my Website’s UX

    I Tracked Mobile Core Web Vitals for a Month and Passed the Test. I Healed my Website’s UX

    Advertisements
    Screenshot of a Core Web Vitals assessment indicating a 'Failed' status, with metrics for Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift, First Contentful Paint, and Time to First Byte.
    Performance score indicators with metrics displayed for a website analysis.
    Core Web Vitals Assessment showing failed results with metrics for Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift, First Contentful Paint, and Time to First Byte.
    Performance metrics overview with scores displayed in circular graphs and a mobile website preview featuring an elderly woman's portrait and article title.
    Core Web Vitals assessment summary displaying performance metrics including Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift, First Contentful Paint, and Time to First Byte, with failure indication.
    Performance and accessibility scores displayed on a web dashboard with a focus on website metrics.
    A performance report displaying Core Web Vitals metrics, including Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift, First Contentful Paint, and Time to First Byte, with indicators of success or failure.
    A performance metrics dashboard showing scores for Performance, Accessibility, Best Practices, and SEO with associated values for each category.
    Core Web Vitals Assessment report showing metrics for Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift, First Contentful Paint, and Time to First Byte.
    Performance score chart showing a red 49 for performance, green 90 for accessibility, orange 79 for best practices, and green 92 for SEO, with metrics labeled.
    Core Web Vitals assessment showing various performance metrics, including Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift, First Contentful Paint, and Time to First Byte.
    A performance dashboard displaying metrics for a website, including scores for performance (35), accessibility (90), best practices (79), and SEO (92), along with graphical representations of these metrics.
    A dashboard displaying Core Web Vitals metrics, indicating various performance scores such as Largest Contentful Paint, Interaction to Next Paint, and Cumulative Layout Shift, with a 'Failed' status.
    Performance metric display showing a score of 66, with sections for Accessibility, Best Practices, and SEO ratings, alongside a visual of a website layout featuring a portrait and titles.
    A report card showing web performance metrics, including Largest Contentful Paint, Interaction to Next Paint, and Cumulative Layout Shift, indicating a failed assessment.
    A performance report displaying metrics for a website, including scores for performance, accessibility, best practices, and SEO.
    Core Web Vitals assessment results indicating failure, with metrics for largest contentful paint, interaction to next paint, cumulative layout shift, first contentful paint, and time to first byte.
    A visual representation of performance metrics, showing a performance score of 42, accessibility score of 91, best practices score of 57, and SEO score of 83, along with a mobile device displaying a webpage about geriatric depression in Colombia.
    Core Web Vitals Assessment dashboard displaying metrics including Largest Contentful Paint (LCP), Interaction to Next Paint (INP), Cumulative Layout Shift (CLS), First Contentful Paint (FCP), and Time to First Byte (TTFB).
    Screenshot of performance metrics showing scores for Performance, Accessibility, Best Practices, and SEO.
    Core Web Vitals Assessment showing failed metrics for Largest Contentful Paint, Interaction to Next Paint, First Contentful Paint, and Cumulative Layout Shift.
    A performance metrics dashboard displaying scores for Performance (52), Accessibility (90), Best Practices (79), and SEO (83).
    Core Web Vitals assessment showing failed status with metrics: LCP at 2.9s, INP at 181ms, CLS at 0.33, FCP at 2.5s, and TTFB at 1.9s.
    Performance score gauge with a score of 56 in an analytical report.
    Core Web Vitals assessment summary showing failed metrics for Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift, First Contentful Paint, and Time to First Byte with respective times.
    A performance score dashboard displaying various metrics, including performance (45), accessibility (90), best practices (79), and SEO (83), alongside a mobile website preview.
    Core Web Vitals assessment summary showing failed assessment with metrics for Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS), along with additional metrics.
    Performance score metrics with a score of 67, accessibility score of 90, best practices score of 79, and SEO score of 83 displayed in a dashboard style.
    Core Web Vitals assessment report showing metrics for Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift, First Contentful Paint, and Time to First Byte.
    A performance overview from a website analysis tool displaying scores for Performance, Accessibility, Best Practices, and SEO, with a notable score of 90 for Accessibility.
    Dashboard displaying web vitals assessment metrics
    Performance score indicator showing a value of 46, with green and red sections indicating accessibility score of 90, best practices score of 79, and SEO score of 83.
    A summary of performance metrics from a web vitals assessment, displaying values for Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift, First Contentful Paint, and Time to First Byte.
    Performance score displayed in a circular graphic with values shown in orange, green, and yellow, indicating accessibility, performance, best practices, and SEO metrics. An accompanying screenshot of a webpage showcasing an older woman's portrait.
    Graph showing web performance metrics including Largest Contentful Paint, Interaction to Next Paint, and Cumulative Layout Shift.
    Screenshot showing a website performance report with metrics for performance, accessibility, best practices, and SEO scores.
    A dashboard displaying Core Web Vitals assessment results, indicating a failed status. It shows various metrics including Largest Contentful Paint, Interaction to Next Paint, and Cumulative Layout Shift, with their respective values represented on a progress bar.
    Dashboard displaying performance, accessibility, best practices, and SEO scores with detailed metrics and a visual representation.
    A dashboard displaying Core Web Vitals assessment results, highlighting metrics like Largest Contentful Paint, Interaction to Next Paint, and Cumulative Layout Shift, with a failed assessment status.
    A performance evaluation dashboard displaying scores for performance, accessibility, best practices, and SEO. The performance score is notably low at 27, while accessibility is high at 90.
    Dashboard displaying Core Web Vitals assessment with metrics such as Largest Contentful Paint, Interaction to Next Paint, and Cumulative Layout Shift, indicating a failed assessment.
    Performance metrics dashboard displaying scores for performance, accessibility, best practices, and SEO, with a visual representation of a performance score of 69 and a screenshot of a website.
    Screenshot of a Core Web Vitals assessment report showing scores for Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift, First Contentful Paint, and Time to First Byte.
    Performance score indicator showing a score of 54, along with accessibility, best practices, and SEO scores. The interface includes a mobile view of a website featuring a portrait of an elderly woman.
    Web performance assessment report showing various metrics like Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift, First Contentful Paint, and Time to First Byte, with a highlighted 'Failed' status.
    Performance report showing overall scores: Performance 57, Accessibility 90, Best Practices 79, SEO 83, with visual elements indicating score ranges.
    Core Web Vitals assessment dashboard displaying various performance metrics, with the largest contentful paint highlighted as failing.
    A performance report showing scores for performance, accessibility, best practices, and SEO on a website, with a highlighted score of 54 for performance.
    Core Web Vitals assessment results showing metrics such as Largest Contentful Paint, Interaction to Next Paint, and Cumulative Layout Shift, with overall assessment marked as 'Failed'.
    Performance metrics analysis with scores displayed for performance, accessibility, best practices, and SEO.
    A screenshot displaying Core Web Vitals assessment results, highlighting metrics such as Largest Contentful Paint (LCP), Interaction to Next Paint (INP), Cumulative Layout Shift (CLS), First Contentful Paint (FCP), and Time to First Byte (TTFB). The assessment shows a 'Failed' status.
    Screenshot displaying website performance metrics, including scores for Performance, Accessibility, Best Practices, and SEO.
    A screenshot displaying Core Web Vitals assessment results, including metrics such as Largest Contentful Paint (LCP), Interaction to Next Paint (INP), Cumulative Layout Shift (CLS), First Contentful Paint (FCP), and Time to First Byte (TTFB). The assessment has a status of 'Failed' with relevant numerical values for each metric.
    A detailed performance evaluation report showcasing metrics for performance, accessibility, best practices, and SEO on a website.

    At this point, nearly a month had gone by and the web core vitals continued to show improvement, but yet, continued to fail the test. I did not let this stop me, I persevered. And it was well worth it because the next day, finally…it PASSED!

    Core Web Vitals assessment showing metrics for Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift, First Contentful Paint, and Time to First Byte.
    Screenshot of a performance overview dashboard displaying metrics for performance, accessibility, best practices, and SEO scores, with a low performance score of 39.
    Graph displaying Core Web Vitals assessment metrics including Largest Contentful Paint (LCP), Interaction to Next Paint (INP), Cumulative Layout Shift (CLS), First Contentful Paint (FCP), and Time to First Byte (TTFB), all showing performance results with assessment passing.
    A performance and accessibility report showing scores for various metrics, with a performance score of 62, accessibility score of 90, best practices score of 79, and SEO score of 83, alongside a preview of a website.
    Screenshot of Core Web Vitals assessment showing a passed status with metrics for Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift, First Contentful Paint, and Time to First Byte.
    Screenshot showing website performance scores: Performance 52, Accessibility 90, Best Practices 79, SEO 83.
    Dashboard displaying Core Web Vitals assessment metrics including Largest Contentful Paint, Interaction to Next Paint, Cumulative Layout Shift, First Contentful Paint, and Time to First Byte.
    A digital dashboard displaying performance, accessibility, best practices, and SEO scores, with metrics indicated by colored circles.

    As it can be seen, it took nearly a month of constant optimisation to get my website out of hospital. At this point, my main concern is the immediate performance scores, which were showing low even if the core web vitals text was passed. This predicts that it might get worse, before it gets better, and now I will have to pay close attention to daily performance checks to ensure that the site stays stable.

    πŸ™πŸΌπŸ§ πŸŒΈπŸ’•


    Thank you for following me on this UX journey. You can follow me on the fediverse, or subscribe to the blog to get more content like this.