BestHub
Sign in
Tagged articles

Web Performance

296 articles · Page 1 of 3
AI Tech Publishing
AI Tech Publishing
Jun 24, 2026 · Fundamentals

How Modern Browsers Work: Inside Chromium, Blink, V8 and Multi‑Process Architecture

This article walks through the complete lifecycle of a web page in modern browsers, covering network fetching, HTML/CSS parsing, layout calculation, painting and GPU compositing, the V8 JavaScript engine pipeline, module loading, multi‑process isolation, and key differences among Chromium, Gecko and WebKit implementations.

Browser architectureChromiumJavaScript engine
0 likes · 47 min read
How Modern Browsers Work: Inside Chromium, Blink, V8 and Multi‑Process Architecture
Subtle Storm
Subtle Storm
Jun 16, 2026 · Cloud Computing

How CDN Caching Can Drastically Speed Up Web Page Loads

The article explains how a Content Delivery Network (CDN) uses edge PoP nodes, caching, TTL settings, and versioned URLs to move static resources closer to users, reducing latency from hundreds of milliseconds to single‑digit milliseconds and improving overall web performance.

CDNContent DeliveryEdge Nodes
0 likes · 7 min read
How CDN Caching Can Drastically Speed Up Web Page Loads
Java Architect Handbook
Java Architect Handbook
May 29, 2026 · Interview Experience

CDN Cache vs Redis Cache: Key Differences and Ideal Use Cases (Interview Insight)

The article explains how CDN works as a distributed reverse‑proxy cache, details its DNS‑based load balancing, cache‑hit/miss flow, expiration policies and refresh strategies, compares CDN caching with browser and Nginx caches, outlines scenarios where CDN or Redis is appropriate, and provides typical interview follow‑up questions and practical tips.

CDNCache invalidationInterview
0 likes · 13 min read
CDN Cache vs Redis Cache: Key Differences and Ideal Use Cases (Interview Insight)
Mike Chen's Internet Architecture
Mike Chen's Internet Architecture
Jan 4, 2026 · Backend Development

Mastering Nginx Static‑Dynamic Separation for High‑Performance Web Architecture

This guide explains why static‑dynamic separation is essential for high‑traffic sites, describes the typical Nginx architecture, and provides a complete configuration example that routes static assets directly while proxying dynamic requests to backend servers with load‑balancing and caching.

ConfigurationLoad BalancingNginx
0 likes · 5 min read
Mastering Nginx Static‑Dynamic Separation for High‑Performance Web Architecture
JavaScript
JavaScript
Dec 27, 2025 · Frontend Development

Detecting Page Exit: Best APIs and Practices for Reliable Data Reporting

This guide explains how to detect when a user leaves a web page using modern APIs like Page Visibility, beforeunload/unload, sendBeacon, and pagehide, compares their advantages and drawbacks, provides code snippets, and offers practical recommendations for reliable data reporting and UI handling.

FrontendWeb Performancebrowser API
0 likes · 8 min read
Detecting Page Exit: Best APIs and Practices for Reliable Data Reporting
Architect Chen
Architect Chen
Dec 1, 2025 · Backend Development

How Nginx Static‑Dynamic Separation Boosts Web Performance

This article explains the principle of Nginx static‑dynamic separation, describes its layered architecture, request routing flow, and key optimization techniques such as caching, compression, load balancing, security limits, and monitoring to dramatically improve overall system performance.

Backend ArchitectureLoad BalancingProxy Cache
0 likes · 5 min read
How Nginx Static‑Dynamic Separation Boosts Web Performance
JavaScript
JavaScript
Nov 21, 2025 · Frontend Development

Why IndexedDB Beats localStorage: Performance, Capacity, and Security Explained

This article examines the security risks, synchronous blocking, size limits, and query shortcomings of localStorage, then shows how IndexedDB’s asynchronous API, larger storage capacity, stronger security model, and advanced indexing make it the superior choice for modern web applications.

IndexedDBJavaScriptWeb Performance
0 likes · 6 min read
Why IndexedDB Beats localStorage: Performance, Capacity, and Security Explained
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 29, 2025 · Frontend Development

Mastering the visibilitychange Event: Detect and React to Page Visibility Changes

This article explains the native visibilitychange event of the Page Visibility API, its core properties document.hidden and document.visibilityState, provides complete JavaScript examples for listening and removing the event, discusses practical use cases such as media control, request throttling, form saving, outlines browser compatibility, and highlights limitations and best‑practice considerations.

JavaScriptPage Visibility APIWeb Performance
0 likes · 16 min read
Mastering the visibilitychange Event: Detect and React to Page Visibility Changes
JavaScript
JavaScript
Oct 17, 2025 · Frontend Development

Why IndexedDB Is the Modern Frontend Storage Powerhouse Over localStorage

While localStorage has long been the default client‑side storage for web apps, its security risks, synchronous blocking, limited capacity, and lack of advanced querying make it unsuitable for modern applications, and IndexedDB emerges as a superior, asynchronous, high‑capacity, secure, and query‑rich alternative, especially when paired with helper libraries like idb, Dexie.js, and localForage.

FrontendIndexedDBJavaScript
0 likes · 5 min read
Why IndexedDB Is the Modern Frontend Storage Powerhouse Over localStorage
JavaScript
JavaScript
Sep 24, 2025 · Frontend Development

How to Detect Page Visibility and Safely Handle Unload Events in Modern Web Apps

Understanding when users leave or hide a page is crucial for UX, analytics, and performance; this guide explains the Page Visibility API, beforeunload/unload events, the sendBeacon method, and pagehide/pageshow handling, offering code examples and best‑practice recommendations for reliable detection and data reporting.

FrontendWeb Performancepage-visibility
0 likes · 10 min read
How to Detect Page Visibility and Safely Handle Unload Events in Modern Web Apps
Mike Chen's Internet Architecture
Mike Chen's Internet Architecture
Sep 19, 2025 · Backend Development

Master Nginx Static‑Dynamic Separation: Boost Web Performance with Simple Config

This article explains the concept of Nginx static‑dynamic separation, shows how to configure Nginx to serve static files directly while proxying dynamic requests to backend servers, and includes a sample configuration with code snippets, plus a call‑to‑action for additional architecture resources.

Web Performancestatic-dynamic separation
0 likes · 3 min read
Master Nginx Static‑Dynamic Separation: Boost Web Performance with Simple Config
JavaScript
JavaScript
Sep 14, 2025 · Frontend Development

Why IndexedDB Beats localStorage: Unlock Faster, Safer Browser Storage

This article examines the security, performance, and capacity limitations of localStorage and explains how IndexedDB offers asynchronous operations, larger storage, stronger security, and advanced query capabilities, while also recommending helper libraries to simplify its use.

FrontendIndexedDBJavaScript
0 likes · 5 min read
Why IndexedDB Beats localStorage: Unlock Faster, Safer Browser Storage
Mike Chen's Internet Architecture
Mike Chen's Internet Architecture
Aug 14, 2025 · Backend Development

Master Nginx Static‑Dynamic Separation: Boost Performance with Simple Config

Mike Chen explains how Nginx static‑dynamic separation works, detailing the concept, benefits, and a complete configuration that routes static files directly while proxying dynamic requests to an application server, thereby boosting response speed, resource utilization, and overall website performance.

ConfigurationNginxWeb Performance
0 likes · 3 min read
Master Nginx Static‑Dynamic Separation: Boost Performance with Simple Config
JavaScript
JavaScript
Jun 26, 2025 · Frontend Development

How to Detect When Users Leave a Page and Safely Send Data

Understanding how to determine whether a user has left or hidden a web page—covering the Page Visibility API, beforeunload/unload events, navigator.sendBeacon, and pagehide/pageshow—enables developers to improve UX, pause resources, and reliably report analytics without sacrificing performance.

APIFrontendWeb Performance
0 likes · 9 min read
How to Detect When Users Leave a Page and Safely Send Data
Open Source Linux
Open Source Linux
Jun 18, 2025 · Operations

Boost Apache Performance: 4 Proven Techniques to Speed Up Your Site by 70%

This guide walks you through four practical Apache optimizations—web compression, caching, hotlink protection, and version information hiding—explaining why they matter, how to configure them with step‑by‑step commands, and the measurable performance and security benefits they deliver.

Web Performanceapachecompression
0 likes · 9 min read
Boost Apache Performance: 4 Proven Techniques to Speed Up Your Site by 70%
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.

HTTPQUICWeb Performance
0 likes · 16 min read
Why HTTP/3 and QUIC Are Revolutionizing Web Performance
Liangxu Linux
Liangxu Linux
May 24, 2025 · Backend Development

Mastering Strong and Conditional Caching with Nginx: A Practical Guide

This article explains the concepts, response headers, Nginx configuration examples, behavior, and suitable scenarios for both strong (expires‑based) and conditional (ETag/Last‑Modified) caching, compares their differences, and offers best‑practice tips and debugging tools to boost web performance.

Conditional CacheStrong CacheWeb Performance
0 likes · 6 min read
Mastering Strong and Conditional Caching with Nginx: A Practical Guide
Mike Chen's Internet Architecture
Mike Chen's Internet Architecture
Apr 29, 2025 · Backend Development

Mastering Nginx Static‑Dynamic Separation: Boost Performance & Maintainability

This article explains the concept of static‑dynamic separation in web architecture, outlines its performance and maintenance benefits, and provides detailed Nginx configuration examples—including location blocks for static assets, API proxying, and fallback routing—to illustrate how to implement the technique effectively.

NginxWeb Performancebackend configuration
0 likes · 4 min read
Mastering Nginx Static‑Dynamic Separation: Boost Performance & Maintainability
Mike Chen's Internet Architecture
Mike Chen's Internet Architecture
Apr 21, 2025 · Backend Development

Boost Web Performance: Master Nginx Static & Dynamic Separation

This article explains how Nginx static‑and‑dynamic separation works, why it dramatically improves response speed and concurrency, and provides complete configuration examples for serving static assets, proxying dynamic requests, and integrating caching, CDN and load‑balancing for optimal web performance.

ConfigurationNginxWeb Performance
0 likes · 4 min read
Boost Web Performance: Master Nginx Static & Dynamic Separation
MaGe Linux Operations
MaGe Linux Operations
Mar 29, 2025 · Backend Development

Master Strong and Weak Cache with Nginx: Boost Web Performance

This guide explains the concepts of strong (expires‑based) and weak (validation‑based) HTTP caching, details the relevant response headers, provides Nginx configuration examples for each strategy, compares their behaviors and suitable use cases, and offers best‑practice tips and debugging tools to improve website performance.

Strong CacheWeb Performancebackend
0 likes · 7 min read
Master Strong and Weak Cache with Nginx: Boost 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.

FrontendHTML5Media Source Extensions
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 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.

Service WorkerStale-While-RevalidateWeb Performance
0 likes · 12 min read
Implementing Stale‑While‑Revalidate with Service Workers for Faster Page Loads
MaGe Linux Operations
MaGe Linux Operations
Feb 11, 2025 · Operations

Mastering Nginx gzip: When, How, and Common Pitfalls

This guide explains why compressing HTTP responses with Nginx gzip improves user experience and reduces bandwidth costs, details the key gzip and gzip_static directives, offers practical tips on settings, and highlights common pitfalls when configuring compression in multi‑proxy production environments.

Web Performancegzipresponse compression
0 likes · 5 min read
Mastering Nginx gzip: When, How, and Common Pitfalls
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
ITPUB
ITPUB
Jan 5, 2025 · Operations

How to Boost Web App Performance 10× with NGINX: 10 Proven Tips

This article explains why web‑application speed is critical, presents ten concrete NGINX‑based techniques—including reverse proxy, load balancing, caching, compression, SSL/TLS tuning, HTTP/2, software updates, Linux and server tuning, and real‑time monitoring—to achieve up to ten‑fold performance gains.

Linux TuningSSL/TLSWeb Performance
0 likes · 25 min read
How to Boost Web App Performance 10× with NGINX: 10 Proven Tips
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.

FrontendRuntimeWeb Performance
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.

FrontendJavaScriptWeb Performance
0 likes · 3 min read
Typical JavaScript Bundle Sizes of Popular Websites in 2024
Alibaba Cloud Developer
Alibaba Cloud Developer
Oct 9, 2024 · Frontend Development

Boost Web Performance: Master Preload, Prefetch, Preconnect & More

This article explores a range of web preloading techniques—including DNS‑prefetch, preconnect, preload, prefetch, prerender, the Speculation Rules API, streaming rendering, HTTP/2 push, and Early Hints—detailing how they reduce network latency, improve first‑paint times, and enhance overall user experience.

CDNFrontendPrefetch
0 likes · 20 min read
Boost Web Performance: Master Preload, Prefetch, Preconnect & More
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 ModulesReActSass
0 likes · 8 min read
From Tailwind CSS to SASS: A Frontend Technology Selection Case Study
Liangxu Linux
Liangxu Linux
Sep 1, 2024 · Backend Development

How to Enable and Optimize Gzip Compression in Nginx for Faster Websites

Learn step-by-step how to activate gzip compression in Nginx, configure compression level, buffer size, minimum file size, and proxy settings, and understand the impact of each directive on bandwidth reduction and page load speed for both static and dynamic content.

ConfigurationHTTPWeb Performance
0 likes · 5 min read
How to Enable and Optimize Gzip Compression in Nginx for Faster Websites
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.

CDNFrontend OptimizationWeb Performance
0 likes · 5 min read
How to Diagnose and Fix Slow Web Page Performance
Su San Talks Tech
Su San Talks Tech
Jul 24, 2024 · Operations

How to Diagnose and Fix Slow Web Page Performance: A Complete Guide

This comprehensive guide explains hardware, frontend, and backend optimization techniques—including server upgrades, CDN usage, code minification, caching strategies, and database tuning—to systematically improve website speed and maintain high performance.

Frontend OptimizationHardwareWeb Performance
0 likes · 5 min read
How to Diagnose and Fix Slow Web Page Performance: A Complete Guide
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.

AirbnbWeb Performancemetrics
0 likes · 11 min read
Airbnb Web Performance Metrics and Their Measurement
Alibaba Cloud Developer
Alibaba Cloud Developer
Jul 15, 2024 · Frontend Development

How to Supercharge E‑commerce Page Speed with Simple Image Optimization Techniques

Optimizing images is crucial for e‑commerce web performance, and this guide explores practical methods such as early loading of above‑the‑fold images, reducing image size through compression, format selection, responsive delivery, lazy loading, and modern browser features like fetch‑priority and content‑visibility to improve LCP and overall user experience.

Responsive ImagesWeb Performanceimage optimization
0 likes · 18 min read
How to Supercharge E‑commerce Page Speed with Simple Image Optimization Techniques
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.

AirbnbPage Performance ScoreWeb Performance
0 likes · 10 min read
Airbnb Page Performance Score (PPS): Multi‑Platform Metrics, Weighting, and Evolution
MaGe Linux Operations
MaGe Linux Operations
Jul 1, 2024 · Backend Development

Boost Your Site Speed: Mastering Nginx gzip Compression Settings

This guide explains how to enable and fine‑tune gzip compression in Nginx, covering activation, compression level, buffer size, minimum file size, and proxy settings, so you can reduce payloads, speed up page loads, and improve overall web performance.

NginxServer configurationWeb Performance
0 likes · 5 min read
Boost Your Site Speed: Mastering Nginx gzip Compression Settings
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.

FrontendOptimizationWeb Performance
0 likes · 6 min read
Essential Latency Numbers Every Web Developer Must Know
Open Source Linux
Open Source Linux
Jun 20, 2024 · Cloud Computing

How CDN Technology Supercharges Website Speed and Reliability

Content Delivery Networks (CDNs) distribute cached content across edge servers to accelerate website access, reduce origin server load, enhance security, provide global coverage, and ensure high availability, while also addressing dynamic resource challenges through routing, protocol, pre‑caching, and compression optimizations.

CDNContent Delivery NetworkEdge computing
0 likes · 6 min read
How CDN Technology Supercharges Website Speed and Reliability
Goodme Frontend Team
Goodme Frontend Team
May 24, 2024 · Frontend Development

Explore Cutting‑Edge Frontend & Backend Tools: React Compiler, Deno JSX, Image Loading Hacks

This curated roundup highlights recent technical resources—including React Compiler, Deno's JSX migration, Node v22.2.0, image loading optimizations, short‑URL generation, hooks ref handling, HTTP proxy solutions, and notification system design—to keep developers up‑to‑date with modern web development practices.

HTTP ProxyNode.jsNotification System
0 likes · 5 min read
Explore Cutting‑Edge Frontend & Backend Tools: React Compiler, Deno JSX, Image Loading Hacks
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.

FIDINPLighthouse
0 likes · 13 min read
Why Lighthouse Dropped Time to Interactive (TTI) and What Replaced It
21CTO
21CTO
Apr 6, 2024 · Fundamentals

How Google’s Jpegli Library Boosts JPEG Compression Efficiency

Google’s newly released Jpegli library offers a backward‑compatible JPEG encoder with up to 35% better compression, adaptive quantization, 10‑bit support and speed comparable to traditional codecs, promising faster web pages and reduced bandwidth without sacrificing image quality.

GoogleJPEGJpegli
0 likes · 6 min read
How Google’s Jpegli Library Boosts JPEG Compression Efficiency
Liangxu Linux
Liangxu Linux
Mar 21, 2024 · Frontend Development

How to Understand and Reduce Web Latency: Practical Tips for Faster Apps

This article explains what latency is, how it occurs in web interactions, the main factors that contribute to it, common tools for measuring it, and a set of practical optimization techniques such as HTTP/2, CDN usage, caching, and efficient coding practices.

FrontendNetwork ToolsOptimization
0 likes · 8 min read
How to Understand and Reduce Web Latency: Practical Tips for Faster Apps
Programmer DD
Programmer DD
Feb 24, 2024 · Frontend Development

How Big Are Real‑World JavaScript Bundles? Surprising Sizes of Popular Sites

A 2024 survey of uncompressed JavaScript bundle sizes across various popular websites reveals that many sites far exceed the expected 1‑5 MB range, with static sites like Wikipedia at just 0.2 MB and multimedia giants like YouTube reaching 12 MB, highlighting the wide performance spectrum in modern web development.

JavaScriptWeb PerformanceWebsite Analysis
0 likes · 4 min read
How Big Are Real‑World JavaScript Bundles? Surprising Sizes of Popular Sites
21CTO
21CTO
Feb 11, 2024 · Fundamentals

Why Google Dropped Its Search Cache Feature and What It Means for Users

Google has removed the 'Cache' link from its search results, ending direct access to cached page snapshots, while still allowing cache retrieval via the 'cache:' operator, and cites improved page load speeds and similar moves by competitors like Baidu as reasons.

Cache FeatureFeature DecommissionGoogle Search
0 likes · 3 min read
Why Google Dropped Its Search Cache Feature and What It Means for Users
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.

CDNContent Delivery NetworkEdge computing
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.

SSRTV DevicesWeb Performance
0 likes · 13 min read
Performance Optimization of H5 Pages on TV Devices: Challenges, Solutions, and Results
JavaScript
JavaScript
Nov 28, 2023 · Frontend Development

How to Ensure HTTP Requests Complete When Users Leave a Page

This article explains why browsers cancel pending requests during navigation, the risks of lost data, and demonstrates reliable solutions using JavaScript—first by awaiting fetch, then leveraging the fetch keepalive option—to guarantee logs reach the server without delaying page loads.

FrontendHTTPJavaScript
0 likes · 3 min read
How to Ensure HTTP Requests Complete When Users Leave a Page
ZhongAn Tech Team
ZhongAn Tech Team
Nov 17, 2023 · Frontend Development

Understanding Interaction to Next Paint (INP) Metric and How to Measure It

This article explains the INP (Interaction to Next Paint) performance metric, its calculation method, satisfaction thresholds, differences from FID, and provides practical guidance on measuring INP using Chrome's CrUX, PageSpeed Insights, the web‑vitals library, Chrome extensions, and custom console scripts.

ChromeINPWeb Performance
0 likes · 11 min read
Understanding Interaction to Next Paint (INP) Metric and How to Measure It
HomeTech
HomeTech
Nov 1, 2023 · Frontend Development

Understanding and Optimizing Cumulative Layout Shift (CLS) in Web Performance

This article explains the background, definition, calculation methods, measurement techniques, and practical optimization strategies for Cumulative Layout Shift (CLS), a key web‑performance metric, and provides JavaScript code examples for tracking and reporting CLS values.

CLSFrontendJavaScript
0 likes · 16 min read
Understanding and Optimizing Cumulative Layout Shift (CLS) in Web Performance
php Courses
php Courses
Oct 27, 2023 · Backend Development

Using Memcache in PHP: Introduction, Functions, and Best Practices

This article explains the fundamentals of Memcache in PHP, covering its purpose as an in‑memory cache, how to connect, store, retrieve, delete, increment, decrement, and flush data, along with important considerations such as data types, memory limits, server failures, and multi‑server sharing.

PHPWeb Performancebackend development
0 likes · 5 min read
Using Memcache in PHP: Introduction, Functions, and Best Practices
HomeTech
HomeTech
Oct 18, 2023 · Frontend Development

Web Page Performance Metrics and Optimization Practices

This article explains why web performance matters, introduces key user‑centric metrics such as First Contentful Paint, Largest Contentful Paint and Cumulative Layout Shift, describes how to measure them with tools like Chrome DevTools, Lighthouse and ftwo, and provides practical optimization techniques including gzip, HTTP/2, CDN, image handling, code splitting and Vue router lazy‑loading.

CDNFrontendVue
0 likes · 9 min read
Web Page Performance Metrics and Optimization Practices
php Courses
php Courses
Oct 7, 2023 · Backend Development

Improving Website Image Load Speed with PHP-FPM Optimization: Compression, Lazy Loading, CDN, Parallel Loading, and Browser Caching

This article demonstrates how to accelerate website image loading by applying PHP‑FPM performance optimizations such as image compression with GD, jQuery lazy loading, CDN acceleration, multithreaded parallel fetching, and proper browser‑cache headers, providing complete code examples for each technique.

CDNPHPWeb Performance
0 likes · 5 min read
Improving Website Image Load Speed with PHP-FPM Optimization: Compression, Lazy Loading, CDN, Parallel Loading, and Browser Caching
Bilibili Tech
Bilibili Tech
Sep 12, 2023 · Frontend Development

Font2svg: Converting Fonts to SVG for Efficient Web Rendering

Font2svg converts large font glyphs into on‑demand SVG paths using Python’s freetype‑py and svgpathtools, dramatically shrinking download size, speeding page loads, and improving user experience, with CDN‑served SVGs, a lightweight front‑end injector, and graceful fallback, as demonstrated by a 98 % size reduction in a Bilibili case study.

Font RenderingFrontendPython
0 likes · 15 min read
Font2svg: Converting Fonts to SVG for Efficient Web Rendering
Sohu Tech Products
Sohu Tech Products
Sep 6, 2023 · Frontend Development

Understanding Pre‑rendering and Speculation Rules in Modern Web Development

The article explains modern pre‑rendering techniques—historical prefetched and prerendered links, Chrome’s new predictive full‑page rendering, and the Speculation Rules API that lets developers declaratively or dynamically specify prefetch and prerender JSON rules, while noting same‑origin limits, debugging tools, and performance benefits for Core Web Vitals.

ChromeFrontendHTML
0 likes · 11 min read
Understanding Pre‑rendering and Speculation Rules in Modern Web Development
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 14, 2023 · Frontend Development

Islands Architecture with Astro: A Zero‑JS Front‑End Approach

This article introduces the Islands Architecture concept, explains how Astro implements a zero‑JS front‑end by rendering static HTML and selectively hydrating interactive UI components as independent islands, and compares it with traditional SSR and SPA approaches while providing practical code examples.

AstroIslands ArchitectureWeb Performance
0 likes · 8 min read
Islands Architecture with Astro: A Zero‑JS Front‑End Approach
DeWu Technology
DeWu Technology
Jun 12, 2023 · Frontend Development

Design and Implementation of an H5 Page Experience Checkpoint Service

The article describes how to build an H5 page Experience Checkpoint service that automatically runs headless‑browser scripts to detect critical (P0) and potential (P1) UX issues—such as large media, privacy leaks, or slow APIs—by integrating data providers, page inspectors, and reporters into an existing inspection system, exposing a task‑creation API, and delivering detailed HTML reports via Feishu.

BullE2E testingFrontend
0 likes · 16 min read
Design and Implementation of an H5 Page Experience Checkpoint Service
HomeTech
HomeTech
May 24, 2023 · Frontend Development

Understanding AVIF Image Format: Benefits, Comparison, Conversion Tools, and Integration in Web Projects

This article explains the AVIF image format, its superior compression and quality compared to JPEG and WebP, provides a detailed comparison of image formats, offers conversion tools and command‑line examples, and shows how to integrate AVIF on the client, server, and via JavaScript polyfills for modern web development.

AVIFFrontendNode.js
0 likes · 13 min read
Understanding AVIF Image Format: Benefits, Comparison, Conversion Tools, and Integration in Web Projects
Liangxu Linux
Liangxu Linux
May 20, 2023 · Frontend Development

Mastering HTTP Caching: How Browsers Store and Validate Resources

This article explains the fundamentals of HTTP caching, covering the structure of HTTP messages, the two main cache strategies—strong caching and validation caching—the relevant response headers such as Expires, Cache-Control, Last-Modified, and ETag, and provides practical guidelines for effective cache implementation in web development.

Cache-ControlETagFrontend
0 likes · 13 min read
Mastering HTTP Caching: How Browsers Store and Validate Resources
DaTaobao Tech
DaTaobao Tech
Apr 17, 2023 · Frontend Development

Server‑Side Rendering (SSR) Optimization: Use Cases, Performance Gains, and Implementation

BBC found that each extra second of load time cuts users by 10%, so they adopted server‑side rendering to boost first‑screen performance on low‑end devices, accepting higher server load and longer white‑screen time, choosing the stable Rax solution over ICE 3.0, and emphasizing selective use, streaming HTML, and careful migration guidelines.

FrontendSSRServer-side Rendering
0 likes · 10 min read
Server‑Side Rendering (SSR) Optimization: Use Cases, Performance Gains, and Implementation
58 Tech
58 Tech
Apr 6, 2023 · Frontend Development

Understanding and Using PerformanceObserver for Web Performance Metrics

PerformanceObserver, part of the W3C Performance Timeline API, enables developers to efficiently monitor key web performance metrics such as FP, FCP, LCP, CLS, and FID without polling, and the article explains its background, usage, methods, code examples, related PerformanceEntry types, and browser compatibility.

JavaScriptPerformance APIWeb Performance
0 likes · 12 min read
Understanding and Using PerformanceObserver for Web Performance Metrics
SQB Blog
SQB Blog
Mar 27, 2023 · Frontend Development

How to Build a Full‑Featured Front‑End Monitoring System

This article explains how to design and implement a comprehensive front‑end monitoring solution that captures errors, performance metrics, and client data, covering data collection, tracing, transmission, storage, and analysis to help developers quickly locate and resolve issues.

Error TrackingWeb Performanceclient data
0 likes · 11 min read
How to Build a Full‑Featured Front‑End Monitoring System
Xianyu Technology
Xianyu Technology
Mar 22, 2023 · Frontend Development

TypeScript Mapping Types, Custom Lighthouse Audits, and React Portal Tips

This newsletter issue teaches frontend developers how to simplify TypeScript typings with mapped and index types, extend Chrome Lighthouse by adding custom gatherers and audits for static resources, and effectively use React portals for modals and other UI elements while handling events and styling correctly.

LighthousePortalTypeScript
0 likes · 11 min read
TypeScript Mapping Types, Custom Lighthouse Audits, and React Portal Tips
Qunar Tech Salon
Qunar Tech Salon
Mar 21, 2023 · Frontend Development

Performance Analysis of React CSR, SSR, and React 18 Streaming SSR

This article examines how different React rendering strategies—client‑side rendering, server‑side rendering, and the new React 18 Streaming SSR—affect key web performance metrics such as TTI, FCP, and first‑paint, and demonstrates substantial latency reductions achieved through streaming and selective hydration.

SSRStreamingTTI
0 likes · 11 min read
Performance Analysis of React CSR, SSR, and React 18 Streaming SSR
Baidu Geek Talk
Baidu Geek Talk
Feb 22, 2023 · Frontend Development

How Chromium’s Prerender2.0 Boosts Page Load Speed: Architecture, API, and Implementation Guide

This article explains Chromium's Prerender2.0—its reintroduction in M94, the underlying MPArch multi‑page architecture, the Speculation Rules API usage, activation detection methods, detailed implementation flow in M97, and practical scenarios for safely applying prerender to improve web performance.

ChromiumFrontendSpeculation Rules
0 likes · 13 min read
How Chromium’s Prerender2.0 Boosts Page Load Speed: Architecture, API, and Implementation Guide
Open Source Linux
Open Source Linux
Jan 30, 2023 · Frontend Development

Mastering HTTP Caching: How Browsers Store and Reuse Web Resources

This article explains the fundamentals of HTTP caching, covering request/response structures, strong and validation cache rules, header directives like Expires and Cache-Control, and practical tips for implementing effective caching strategies in front‑end development.

Cache-ControlETagFrontend
0 likes · 13 min read
Mastering HTTP Caching: How Browsers Store and Reuse Web Resources
DaTaobao Tech
DaTaobao Tech
Jan 4, 2023 · Frontend Development

SSR Implementation in Rax for E-commerce Performance Optimization

The guide explains how to implement Server‑Side Rendering in a Rax‑based e‑commerce car platform, replacing client‑side rendering to fix white‑screen and performance issues by simulating the browser environment with jsdom, handling data requests, null API fields, and auto‑closing tag discrepancies, while outlining architecture, middleware, and future CSR‑SSR integration.

JavaScriptRax FrameworkSSR
0 likes · 10 min read
SSR Implementation in Rax for E-commerce Performance Optimization
Thoughts on Knowledge and Action
Thoughts on Knowledge and Action
Dec 13, 2022 · Fundamentals

How HTTP/2 Transforms Web Performance: Architecture, Features, and Debugging

HTTP/2 introduces a binary framing layer, multiplexed streams, header compression, and server push, replacing the limitations of HTTP/1.x by enabling a single TCP connection to carry multiple concurrent requests, reducing latency, improving bandwidth usage, and simplifying web development, while also presenting new debugging challenges.

HTTP/2Header CompressionServer Push
0 likes · 11 min read
How HTTP/2 Transforms Web Performance: Architecture, Features, and Debugging
Efficient Ops
Efficient Ops
Nov 21, 2022 · Fundamentals

How CDN Technology Accelerates Web Delivery: Fundamentals and Mechanics

Content Delivery Networks (CDNs) add a caching layer to the Internet, placing content on edge nodes near users to reduce latency, alleviate bandwidth constraints, and improve response speed, with DNS-based smart routing, cache servers, and load balancing forming the core of their operation.

CDNContent Delivery NetworkDNS
0 likes · 11 min read
How CDN Technology Accelerates Web Delivery: Fundamentals and Mechanics
ELab Team
ELab Team
Nov 2, 2022 · Frontend Development

Mastering Lighthouse: How to Use, Configure, and Interpret Web Performance Audits

This article explains what Lighthouse is, how to run it via Chrome extensions, DevTools, CLI or Node.js, details its internal architecture, driver and pass configuration, gatherer and trace processing, and shows how audits generate performance reports with scoring based on HTTP Archive data.

Chrome DevToolsFrontendLighthouse
0 likes · 17 min read
Mastering Lighthouse: How to Use, Configure, and Interpret Web Performance Audits
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 29, 2022 · Frontend Development

Understanding Web Performance Metrics and Implementing Monitoring with Sentry

This article explains the key web performance indicators such as FP, FCP, LCP, TTI, TBT, FID, CLS, how to obtain them using the Performance API and PerformanceObserver, and provides step‑by‑step guidance on configuring Sentry for automated performance monitoring, including sample JavaScript code for custom calculations.

JavaScriptSentryWeb Performance
0 likes · 22 min read
Understanding Web Performance Metrics and Implementing Monitoring with Sentry
Volcano Engine Developer Services
Volcano Engine Developer Services
Sep 15, 2022 · Fundamentals

Why Video Conferencing Is the Toughest RTC Challenge and How We Overcome It

This article examines the unique technical hurdles of video‑conference RTC—such as free mic control, flexible layouts, screen sharing, weak networks, diverse devices and poor lighting—and outlines the edge‑rendering, smart encoding, multi‑level simulcast and reliable signaling solutions we’ve built to tackle them.

Edge RenderingRTCReal‑time communication
0 likes · 22 min read
Why Video Conferencing Is the Toughest RTC Challenge and How We Overcome It
vivo Internet Technology
vivo Internet Technology
Sep 7, 2022 · Frontend Development

Design and Implementation of the Qingtian Micro‑Frontend Framework

The Qingtian framework redesigns VAPD’s monolithic front‑end by employing full‑screen iframes with shared component libraries, asynchronous loading, and synchronized routing and state engines, delivering instant sub‑app switching, complete isolation, and fast page loads while preserving micro‑frontend scalability.

Frontend ArchitectureMicro FrontendsWeb Performance
0 likes · 12 min read
Design and Implementation of the Qingtian Micro‑Frontend Framework
Xiao Lou's Tech Notes
Xiao Lou's Tech Notes
Sep 2, 2022 · Fundamentals

How CDN Supercharges Web Performance: From DNS to Edge Caches

This article explains the fundamentals of Content Delivery Networks (CDN), detailing how browsers request resources, the role of DNS, the long-haul backbone bottleneck, and how CDN edge servers cache content to reduce latency and bandwidth load, illustrated with real-world examples like ticket‑booking spikes.

CDNContent Delivery NetworkWeb Performance
0 likes · 8 min read
How CDN Supercharges Web Performance: From DNS to Edge Caches
ByteDance Web Infra
ByteDance Web Infra
Aug 26, 2022 · Frontend Development

Measuring and Optimizing Site Performance: Metrics, Collection Methods, and Evaluation

This article explains how ByteDance measures website performance, introduces key front‑end performance metrics such as FP, FCP, LCP, TTI, TBT, FID, and MPFID, describes the APIs and code needed to collect them, and discusses how to evaluate and improve overall site performance using these indicators.

FrontendOptimizationWeb Performance
0 likes · 16 min read
Measuring and Optimizing Site Performance: Metrics, Collection Methods, and Evaluation
21CTO
21CTO
Aug 14, 2022 · Frontend Development

Why Astro’s Island Architecture Boosts Site Speed by 40%

Astro 1.0, the new web framework backed by companies like Google Firebase and IKEA, combines static site generation with minimal JavaScript, supports multiple UI frameworks, and introduces the Island architecture that can cut page‑load JavaScript by up to 90% and improve load speed by around 40%.

AstroIsland ArchitectureWeb Performance
0 likes · 4 min read
Why Astro’s Island Architecture Boosts Site Speed by 40%
MaGe Linux Operations
MaGe Linux Operations
Jul 12, 2022 · Fundamentals

Why HTTP/3 and QUIC Are Revolutionizing Web Performance

This article explains the evolution from HTTP/1.1 to HTTP/3, highlights the limitations of HTTP/2 such as head‑of‑line blocking and TCP‑based latency, and shows how QUIC’s UDP‑based design, 0‑RTT handshakes, connection migration, and advanced congestion‑control mechanisms overcome those challenges to deliver faster, more reliable web traffic.

HTTP/3QUICTCP
0 likes · 14 min read
Why HTTP/3 and QUIC Are Revolutionizing Web Performance