navigation-timing

Xueersi Online School Tech Team

Jan 21, 2022 · Frontend Development

White‑Screen Detection and Performance Optimization for Front‑End Applications

The article explains the concept of white‑screen time, its impact on user experience, and presents multiple detection methods—including Navigation Timing API, MutationObserver, element‑point analysis, and headless‑browser simulation—along with implementation code and a monitoring‑alert architecture for front‑end performance optimization.

MutationObserverfrontendmonitoring

0 likes · 17 min read

White‑Screen Detection and Performance Optimization for Front‑End Applications

360 Tech Engineering

Sep 5, 2018 · Frontend Development

Advanced Web Performance Measurement Techniques Using the Performance API

This article explains how web developers can obtain high‑precision, monotonic timestamps and detailed performance metrics—such as resource loading, navigation timing, user‑timing marks, long‑task detection, and first‑paint measurements—by leveraging the W3C Performance API and related specifications.

High Resolution TimeLong TasksPaint Timing

0 likes · 24 min read

Advanced Web Performance Measurement Techniques Using the Performance API

QQ Music Frontend Team

Aug 19, 2018 · Frontend Development

How to Build a Real‑Time Page Performance Monitoring System

This article explains why monitoring page performance is crucial for user experience and SEO, outlines the design of a three‑part monitoring system—including front‑end data reporting via Navigation Timing, server‑side log collection with Nginx, data aggregation, sampling, storage, and visual dashboards—providing a complete end‑to‑end solution.

Data VisualizationPerformance Monitoringfrontend

0 likes · 17 min read

How to Build a Real‑Time Page Performance Monitoring System