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.

MutationObserverPuppeteerfrontend

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 visualizationNginxPerformance Monitoring

0 likes · 17 min read

How to Build a Real‑Time Page Performance Monitoring System

Aotu Lab

Mar 9, 2016 · Frontend Development

How Embedding Base64 Images Affects Page Load Performance

This article examines the trade‑offs of converting image resources to Base64 and embedding them directly in HTML or CSS, measuring load and render times with the Navigation Timing API across desktop and mobile browsers, and presents real‑world test results.

Base64navigation timing

0 likes · 4 min read

How Embedding Base64 Images Affects Page Load Performance

Java High-Performance Architecture

Nov 26, 2015 · Frontend Development

Understanding Browser Navigation Timing API: All Key Metrics Explained

This article explains the Navigation Timing API's full set of timestamps—from navigationStart to loadEventEnd—detailing each metric's meaning and when it records a value, helping developers diagnose page‑load performance and how they differ for same‑origin versus cross‑origin requests, redirects, and cached resources.

BrowserWeb APIfrontend

0 likes · 4 min read

Understanding Browser Navigation Timing API: All Key Metrics Explained