Total Blocking Time - The metric to know for faster website performance

What this post added

This post details specific technical optimizations applied to GitLab's 'View Source' page to reduce Total Blocking Time (TBT). It explains how TBT is measured and provides concrete examples of improvements made by leveraging CSS properties like `content-visibility: auto`, the Intersection Observer API, and VueJS directives like `v-once`. The post also discusses strategies for improving TBT within VueJS applications, such as optimizing props, using `v-memo`, and deferring non-critical tasks with `requestIdleCallback` or WebWorkers.