TechPrufer
Get started
Dropbox
Dropbox logoDropbox · Feature trail

Web Performance Measurement

1 post · Aug 2022

What this trail covers

Dropbox is actively working on improving web performance measurement and optimization. This includes developing and open-sourcing tools like @dropbox/ttvc for Time To Visually Complete (TTVC) tracking, which provides a more user-centric view of page load performance than previous metrics like LCP. The company is also exploring and implementing network protocol upgrades like HTTP3 to reduce latency and optimizing JavaScript bundles for faster web experiences. Efforts are also underway to rewrite core web serving platforms for better performance and developer experience.

All Dropbox trails
  1. We’re using TTVC to measure performance on the web—and now you can tooThis post introduces and open-sources the @dropbox/ttvc library, which enables the measurement of Time To Visually Complete (TTVC) in real-world user scenarios. It details the advantages of TTVC over metrics like LCP, explaining how it encourages layout stability and a more complete user experience. The post outlines the technical implementation of the library, leveraging MutationObserver and IntersectionObserver APIs to detect DOM mutations and image loading within the viewport, and using requestIdleCallback to determine when the page is considered visually complete. It also covers handling edge cases like user interaction and background tabs, and provides guidance on integrating the library into projects, including support for single-page applications and AJAX request instrumentation.