Tag

Web Performance

0 views collected around this technical thread.

Top Architect
Top Architect
Jun 11, 2025 · Fundamentals

Why HTTP/3 and QUIC Are Revolutionizing Web Performance

This article traces the evolution from HTTP/1.1 to HTTP/3, explains QUIC's design and its advantages over TCP, and examines how features like connection migration, head‑of‑line blocking elimination, congestion control, and flow control improve latency and reliability for modern web applications.

HTTPHTTP3QUIC
0 likes · 16 min read
Why HTTP/3 and QUIC Are Revolutionizing Web Performance
360 Zhihui Cloud Developer
360 Zhihui Cloud Developer
Mar 13, 2025 · Frontend Development

How to Optimize Web Video Loading: HTML5 preload vs MSE Chunked Streaming

This article examines video preloading techniques for web pages, comparing the HTML5 video element's preload attribute with Media Source Extensions (MSE) chunked streaming, detailing their configurations, loading processes, implementation steps, advantages, drawbacks, and best-use scenarios to improve playback experience.

HTML5Media Source ExtensionsWeb Performance
0 likes · 14 min read
How to Optimize Web Video Loading: HTML5 preload vs MSE Chunked Streaming
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 17, 2025 · Frontend Development

Why Is There a Large Gap Between TTFB and FCP on Alibaba.com PC Homepage?

During performance tuning of Alibaba.com’s PC new‑user homepage, the Time To First Byte became acceptable while the First Contentful Paint remained 3 seconds slower, revealing that CSS download and parsing blocked rendering and that inlining critical CSS dramatically reduced FCP latency.

CSS OptimizationFCPTTFB
0 likes · 10 min read
Why Is There a Large Gap Between TTFB and FCP on Alibaba.com PC Homepage?
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 15, 2025 · Frontend Development

Implementing Stale‑While‑Revalidate with Service Workers for Faster Page Loads

This article explains how to use Service Workers to apply a Stale‑While‑Revalidate caching strategy, detailing the three‑step process, essential APIs, code examples for intercepting and cloning responses, and a complete Express‑based demo to improve first‑visit page performance.

CachingStale-While-RevalidateWeb Performance
0 likes · 12 min read
Implementing Stale‑While‑Revalidate with Service Workers for Faster Page Loads
Test Development Learning Exchange
Test Development Learning Exchange
Jan 25, 2025 · Operations

Getting Started with Locust for Performance Testing

This guide explains how to install Locust, write a Python test script, launch the tool, configure load parameters, analyze real‑time results, and explore advanced features such as custom clients and distributed testing for web performance evaluation.

LocustPerformance TestingPython
0 likes · 4 min read
Getting Started with Locust for Performance Testing
php中文网 Courses
php中文网 Courses
Jan 24, 2025 · Backend Development

Reviving PHP: How FrankenPHP Modernizes the Language

Despite long‑standing criticism that PHP is outdated, slow, and cumbersome, the article explains why the language still matters and how FrankenPHP—a Go‑based server—injects modern performance, deployment simplicity, and future‑ready features to revitalize PHP for contemporary web development.

FrankenPHPModernizationPHP
0 likes · 8 min read
Reviving PHP: How FrankenPHP Modernizes the Language
Kuaishou Frontend Engineering
Kuaishou Frontend Engineering
Dec 26, 2024 · Frontend Development

Automating Multi‑Format Sequence‑Frame Conversion for Web Animations

This article explains how a motion‑effects platform decouples design and development by automatically converting sequence‑frame animations into multiple formats (APNG, WEBP, AVIF, video), provides a runtime that dynamically selects the optimal format, and offers batch conversion APIs to improve performance and reduce engineering overhead.

Web Performanceanimationformat conversion
0 likes · 14 min read
Automating Multi‑Format Sequence‑Frame Conversion for Web Animations
Selected Java Interview Questions
Selected Java Interview Questions
Nov 26, 2024 · Frontend Development

Typical JavaScript Bundle Sizes of Popular Websites in 2024

A 2024 analysis by Nikita Prokopov of uncompressed JavaScript file sizes across a range of popular websites shows sizes varying from a tiny 0.1 MB for jQuery to over 12 MB for heavyweight platforms like YouTube and Booking.com, highlighting the diversity of front‑end payloads.

JavaScriptWeb Performancebundle size
0 likes · 3 min read
Typical JavaScript Bundle Sizes of Popular Websites in 2024
Sohu Tech Products
Sohu Tech Products
Sep 25, 2024 · Frontend Development

From Tailwind CSS to SASS: A Frontend Technology Selection Case Study

After initially adopting Tailwind CSS for rapid UI development in a React real‑time chat app, our team reverted to SASS combined with CSS Modules because the growing utility‑class markup hurt readability, increased build times, and bloated the CSS bundle, ultimately delivering a more maintainable codebase and noticeably better performance.

CSS ArchitectureCSS ModulesReact
0 likes · 8 min read
From Tailwind CSS to SASS: A Frontend Technology Selection Case Study
IT Services Circle
IT Services Circle
Jul 31, 2024 · Frontend Development

How to Diagnose and Fix Slow Web Page Performance

This comprehensive guide explains how to identify and resolve slow web page performance by addressing hardware resources, network configuration, and both front‑end and back‑end optimizations such as server upgrades, CDN usage, HTTP/2, image compression, code minification, caching, and efficient database queries.

CDNCachingDatabase Tuning
0 likes · 5 min read
How to Diagnose and Fix Slow Web Page Performance
Airbnb Technology Team
Airbnb Technology Team
Jul 16, 2024 · Frontend Development

Airbnb Web Performance Metrics and Their Measurement

Airbnb tracks five real‑user performance metrics—Time To First Contentful Paint, Time To First Meaningful Paint, First Input Delay, Total Blocking Time, and Cumulative Layout Shift—using a mix of browser APIs and custom polyfills, combines them into a weighted Page Performance Score, and leverages that score to guide trade‑off decisions and detect regressions.

AirbnbMetricsWeb Performance
0 likes · 11 min read
Airbnb Web Performance Metrics and Their Measurement
Airbnb Technology Team
Airbnb Technology Team
Jul 2, 2024 · Frontend Development

Airbnb Page Performance Score (PPS): Multi‑Platform Metrics, Weighting, and Evolution

Airbnb created the Page Performance Score (PPS), a unified 0‑100 metric that aggregates platform‑specific initial‑load and post‑load user‑centric measurements for Web, iOS, and Android, using weighted curves to enable cross‑page, cross‑team comparisons, track organizational weighted averages, and evolve with new metrics while preserving a stable scale.

AirbnbMetricsPage Performance Score
0 likes · 10 min read
Airbnb Page Performance Score (PPS): Multi‑Platform Metrics, Weighting, and Evolution
Code Mala Tang
Code Mala Tang
Jun 20, 2024 · Frontend Development

Essential Latency Numbers Every Web Developer Must Know

This article explores critical latency metrics—from nanosecond-level CPU operations to intercontinental network delays—illustrating how each contributes to web performance, and provides real‑world measurements for various connection types, data processing tasks, and user‑perceived response times to help developers optimize user experience.

NetworkOptimizationWeb Performance
0 likes · 6 min read
Essential Latency Numbers Every Web Developer Must Know
FunTester
FunTester
May 13, 2024 · Fundamentals

Understanding HTTP Caching: Principles, Types, Headers, and Testing Scenarios

This article explains the fundamentals of HTTP caching, including how it works, the different cache types, key cache-control directives, and the testing scenarios where testers must be aware of cache behavior to ensure performance, data consistency, and security.

Browser CacheCachingHTTP
0 likes · 11 min read
Understanding HTTP Caching: Principles, Types, Headers, and Testing Scenarios
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 12, 2024 · Frontend Development

Why Lighthouse Dropped Time to Interactive (TTI) and What Replaced It

This article explains why Lighthouse removed the Time to Interactive (TTI) metric after version 10, describes how TTI was calculated, discusses its inaccuracies, and introduces the more reliable replacement metrics such as Total Blocking Time (TBT), First Input Delay (FID) and Interaction to Next Paint (INP) for assessing web performance.

FIDINPTBT
0 likes · 13 min read
Why Lighthouse Dropped Time to Interactive (TTI) and What Replaced It
DevOps Operations Practice
DevOps Operations Practice
Jan 30, 2024 · Fundamentals

Understanding CDN Technology: Principles, Solutions, and Applications

This article explains how Content Delivery Networks (CDNs) address internet performance challenges by bringing content closer to users, detailing their working principles, key components such as GSLB and caching, and common application scenarios like website acceleration, file download, and streaming.

CDNCachingContent Delivery Network
0 likes · 7 min read
Understanding CDN Technology: Principles, Solutions, and Applications
iQIYI Technical Product Team
iQIYI Technical Product Team
Dec 29, 2023 · Frontend Development

Performance Optimization of H5 Pages on TV Devices: Challenges, Solutions, and Results

To address fragmented TV OS versions, low‑end hardware, and SDK fragmentation, the Kiwi App team defined unified performance metrics and applied optimizations—resource merging, server‑side rendering, offline caching, HTTP/2 networking, parallel loading, WebView pre‑heating, and page pre‑rendering—cutting average H5 load time from over five seconds to about two seconds and increasing conversion and payment success rates, with plans to keep loads under two seconds.

CachingFront-End DevelopmentH5 optimization
0 likes · 13 min read
Performance Optimization of H5 Pages on TV Devices: Challenges, Solutions, and Results