BestHub
Sign in
Tagged articles
293 articles
Page 3 of 3
Tencent Cloud Developer
Tencent Cloud Developer
Apr 26, 2019 · Frontend Development

Mastering Browser Caching: Strong vs. Conditional Cache Explained

This article provides a comprehensive guide to browser caching, detailing the mechanisms of strong cache (Expires and Cache‑Control) and conditional cache (Last‑Modified, If‑Modified‑Since, and ETag), their directives, step‑by‑step workflows, status codes, and a side‑by‑side comparison to help developers optimize web performance.

Browser CacheCache-ControlETag
0 likes · 11 min read
Mastering Browser Caching: Strong vs. Conditional Cache Explained
Java Backend Technology
Java Backend Technology
Apr 1, 2019 · Backend Development

Why Overriding HttpServlet’s service() Is a Bad Idea: Caching Insights

This article explains why developers should avoid overriding the HttpServlet service() method, illustrating how the default implementation handles HTTP cache negotiation, showing concrete servlet examples, and demonstrating the significant traffic and performance benefits of letting the container manage caching automatically.

Backend DevelopmentHTTP CachingJava
0 likes · 9 min read
Why Overriding HttpServlet’s service() Is a Bad Idea: Caching Insights
Programmer DD
Programmer DD
Mar 17, 2019 · Operations

Understanding Forward and Reverse Proxies: Concepts, Uses, and Key Differences

This article explains the definitions, real‑world analogies, practical applications, and fundamental differences between forward (client‑side) and reverse (server‑side) proxy servers, helping developers and operators grasp why these concepts matter for access control, performance, and security.

ProxyWeb Performanceforward proxy
0 likes · 9 min read
Understanding Forward and Reverse Proxies: Concepts, Uses, and Key Differences
360 Tech Engineering
360 Tech Engineering
Feb 13, 2019 · Frontend Development

How to Optimize the Critical Rendering Path

This article explains how to improve web page rendering speed by reducing the number of critical resources, shortening the critical path length, and minimizing critical bytes through DOM, CSSOM, and JavaScript optimizations, including practical code examples and performance measurements.

DOMFrontend OptimizationWeb Performance
0 likes · 12 min read
How to Optimize the Critical Rendering Path
UC Tech Team
UC Tech Team
Jan 7, 2019 · Backend Development

Using the Server‑Timing Header to Measure Server Performance

The article explains how the Server‑Timing HTTP header can be used to transmit arbitrary server‑side metrics to the client, shows how to send multiple timing values, demonstrates Chrome DevTools support, warns about exposing sensitive data, and introduces a small hapi plugin that simplifies adding the header.

Backend DevelopmentHapiPerformance Monitoring
0 likes · 3 min read
Using the Server‑Timing Header to Measure Server Performance
JD Retail Technology
JD Retail Technology
Nov 28, 2018 · Frontend Development

Applying Google AMP to Boost Mobile Site Performance in Overseas E‑commerce: A Case Study

This article examines the stark differences between domestic and overseas e‑commerce client preferences, highlights the unexpected popularity of mobile‑only sites abroad, and details how implementing Google AMP on a high‑traffic M‑site dramatically reduced bounce rates, improved first‑interactive times, and increased conversion rates.

AMPFrontend OptimizationGoogle
0 likes · 6 min read
Applying Google AMP to Boost Mobile Site Performance in Overseas E‑commerce: A Case Study
UC Tech Team
UC Tech Team
Nov 15, 2018 · Frontend Development

How Netflix Cut JavaScript and Used Prefetch to Reduce Interaction Time

Netflix improved the registration experience on its desktop site by replacing most React code with native JavaScript, reducing bundle size by over 200 KB and cutting interaction time by more than 50 %, while prefetching resources to further shrink time‑to‑interactive by 30 %.

JavaScript optimizationNetflixReact
0 likes · 11 min read
How Netflix Cut JavaScript and Used Prefetch to Reduce Interaction Time
21CTO
21CTO
Nov 12, 2018 · Frontend Development

How Netflix Cut Page Load Time by 50% with JS Reduction & Prefetching

This case study explains how Netflix optimized its logout and registration pages by removing unnecessary React and third‑party JavaScript, employing prefetching techniques, and reducing bundle size, resulting in up to a 50% faster time‑to‑interactive and smoother user experience.

JavaScript optimizationReactWeb Performance
0 likes · 12 min read
How Netflix Cut Page Load Time by 50% with JS Reduction & Prefetching
Mike Chen's Internet Architecture
Mike Chen's Internet Architecture
Sep 8, 2018 · Frontend Development

Comprehensive Web Performance Optimization: Frontend, Backend, and Database Strategies

This article presents a thorough guide to improving web performance by optimizing browser loading, leveraging CDNs and reverse proxies, applying server‑side caching and clustering techniques, and refining database queries and indexing to achieve faster, more reliable user experiences.

Database OptimizationWeb Performancefrontend
0 likes · 9 min read
Comprehensive Web Performance Optimization: Frontend, Backend, and Database Strategies
Tencent Cloud Developer
Tencent Cloud Developer
Jul 27, 2018 · Frontend Development

HTTP/2 Server Push Implementation and Performance Optimization by Tencent CDN

Tencent CDN’s implementation of HTTP/2 Server Push predicts and preloads dependent resources via link tags or headers, creates PUSH_PROMISE frames, and streams assets before the main response, yielding measurable latency reductions on real‑world pages when used with proper sizing, priority, and cache awareness, while avoiding slow‑start and buffer issues.

CDNFrontend OptimizationHTTP/2
0 likes · 16 min read
HTTP/2 Server Push Implementation and Performance Optimization by Tencent CDN
360 Tech Engineering
360 Tech Engineering
Jul 23, 2018 · Frontend Development

Comprehensive Guide to Web Performance Optimization

This article provides a comprehensive overview of web performance optimization for frontend developers, covering metrics and goal setting, code and DOM optimizations, static asset compression, delivery techniques like async loading and resource hints, build strategies such as tree‑shaking and SSR, and monitoring tools.

Build OptimizationWeb Performancefrontend
0 likes · 16 min read
Comprehensive Guide to Web Performance Optimization
360 Tech Engineering
360 Tech Engineering
May 14, 2018 · Frontend Development

Weekly Tech Newsletter Summary – Highlights on Design Systems, Shaders, Observers, ResizeObserver, Async/Await, Code Literacy, Flutter Beta 3, and Drop‑Shadow

This weekly tech newsletter presents concise overviews of design systems, shader usage, modern browser observers, JavaScript ResizeObserver, advanced scrolling techniques, async/await pitfalls, font‑spider‑plus features, code literacy principles, Flutter Beta 3 updates, and creative applications of CSS drop‑shadow, offering valuable insights for developers.

FlutterWeb Performancedesign system
0 likes · 4 min read
Weekly Tech Newsletter Summary – Highlights on Design Systems, Shaders, Observers, ResizeObserver, Async/Await, Code Literacy, Flutter Beta 3, and Drop‑Shadow
21CTO
21CTO
Apr 14, 2018 · Frontend Development

How to Speed Up First-Page Load: DNS, TCP, TLS and Rendering Optimizations

This article explains how to reduce the time users wait for the first screen by optimizing DNS resolution, TCP and TLS handshakes, HTTP protocols, resource loading, and rendering processes, while also covering related network and security considerations.

DNS OptimizationHTTP2TCP handshake
0 likes · 19 min read
How to Speed Up First-Page Load: DNS, TCP, TLS and Rendering Optimizations
MaGe Linux Operations
MaGe Linux Operations
Mar 23, 2018 · Operations

Build a High‑Performance Web Log Analyzer with Python and MongoDB

This article introduces a Python‑based log analysis tool for web servers that provides minute‑level aggregation, abstracted URI and argument patterns, and multi‑dimensional performance metrics, along with installation steps, core features, implementation details, usage commands, and deployment guidelines.

MongoDBPythonWeb Performance
0 likes · 17 min read
Build a High‑Performance Web Log Analyzer with Python and MongoDB
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Feb 2, 2018 · Frontend Development

Boost Web Performance with Loder: A Lightweight Frontend Loader

Loder is a lightweight, declarative web loader that optimizes resource‑task dependencies, enables ultra‑fast app startup, and provides performance tracking, helping developers overcome the limitations of traditional linear loading especially on constrained mobile devices.

JavaScriptPerformance OptimizationWeb Performance
0 likes · 4 min read
Boost Web Performance with Loder: A Lightweight Frontend Loader
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jan 18, 2018 · Frontend Development

How LINE Manga Achieves Native‑Like Page Transitions with a Page Stack

This article explains how LINE Manga uses a custom Page Stack architecture, inspired by iOS UINavigationController, to deliver native‑like, smooth page transitions in a web environment, addressing back‑button latency, scroll restoration, and lazy‑load image issues with practical React/React‑Router examples.

JavaScriptStackWeb Performance
0 likes · 5 min read
How LINE Manga Achieves Native‑Like Page Transitions with a Page Stack
21CTO
21CTO
Dec 17, 2017 · Frontend Development

Boost Site Speed with PJAX: Combine pushState and Ajax for Faster Navigation

This tutorial explains how PJAX combines HTML5 pushState with Ajax to replace page content without full reloads, dramatically speeding up website navigation, and provides step‑by‑step installation, example code, and performance benefits for modern front‑end development.

PJAXWeb Performanceajax
0 likes · 9 min read
Boost Site Speed with PJAX: Combine pushState and Ajax for Faster Navigation
Meituan Technology Team
Meituan Technology Team
Dec 14, 2017 · Frontend Development

Optimizing Static Resource Loading for Meituan Scan-to-Pay with ThunderJS and Build Service

Meituan’s Scan‑to‑Pay H5 app uses ThunderJS and a dedicated Build Service to deliver character‑level incremental JavaScript updates, switching to Myers’ algorithm, isolating computation in a Mixer service, caching results, and adding timeout recovery, which cut data transfer up to 99%, reduced 90th‑percentile latency from 5.8 s to 90 ms, and raised success rates above 99%.

Build ServiceFront-endPerformance Optimization
0 likes · 17 min read
Optimizing Static Resource Loading for Meituan Scan-to-Pay with ThunderJS and Build Service
21CTO
21CTO
Nov 26, 2017 · Frontend Development

Mastering Web Image Optimization: Formats, Compression, and Responsive Techniques

This article explains the fundamentals of web image optimization, covering vector vs raster formats, compression methods, responsive image techniques with srcset and picture elements, and practical loading strategies such as lazy loading, sprites, and progressive JPEGs to improve front‑end performance.

Responsive ImagesWeb Performancecompression
0 likes · 8 min read
Mastering Web Image Optimization: Formats, Compression, and Responsive Techniques
Efficient Ops
Efficient Ops
Oct 12, 2017 · Operations

How to Supercharge Your Web Server: Practical Performance Optimization Strategies

This article breaks down the key factors affecting web server performance, from disk I/O and request handling to dynamic content processing, and presents a step‑by‑step optimization plan—including hardware upgrades, Nginx tuning, PHP caching, MySQL tweaks, and CDN deployment—to dramatically reduce page load times.

CDNPHPWeb Performance
0 likes · 14 min read
How to Supercharge Your Web Server: Practical Performance Optimization Strategies
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Aug 31, 2017 · Frontend Development

From Frameworks to Smart Resource Management: Evolving Frontend Engineering

This article examines the evolution of frontend development from basic library selection through simple build optimization, modularization, and finally to component‑based development and intelligent static resource management, highlighting engineering practices that improve efficiency, scalability, and performance for complex web applications.

ComponentizationEngineeringResource Management
0 likes · 21 min read
From Frameworks to Smart Resource Management: Evolving Frontend Engineering
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Aug 22, 2017 · Backend Development

Node.js Gzip Compression Made Easy: Code Samples to Boost Performance

This guide explains how gzip and deflate compression work in web browsers and demonstrates straightforward Node.js examples for compressing and decompressing files, streaming responses, and handling HTTP requests with proper Accept‑Encoding checks, helping developers improve bandwidth efficiency and page load speed.

Backend DevelopmentGzipNode.js
0 likes · 4 min read
Node.js Gzip Compression Made Easy: Code Samples to Boost Performance
Tencent TDS Service
Tencent TDS Service
Aug 17, 2017 · Frontend Development

How to Slash H5 Page White‑Screen Time in Mobile Apps

This article explores why embedded H5 pages in mobile apps suffer long white‑screen delays and presents a comprehensive set of front‑end and client‑side optimizations—including request reduction, caching strategies, offline packages, pre‑loading webviews, and fallback mechanisms—to achieve near‑native startup performance.

Frontend OptimizationMobile WebWeb Performance
0 likes · 15 min read
How to Slash H5 Page White‑Screen Time in Mobile Apps
21CTO
21CTO
Jun 23, 2017 · Frontend Development

Master Front-End Error Collection: Capture JS Exceptions and Resource Failures

This guide explains why front‑end error collection is essential, outlines effective methods such as using window.addEventListener('error', true), details the types of exceptions to monitor—including script errors, resource load failures, HTML hijacking, and CSS issues—and provides practical code snippets for reporting and handling them.

Exception HandlingJavaScriptWeb Performance
0 likes · 10 min read
Master Front-End Error Collection: Capture JS Exceptions and Resource Failures
Node Underground
Node Underground
Jun 1, 2017 · Frontend Development

Why HTTP/2 Server Push Isn’t a Silver Bullet and How to Use It Effectively

HTTP/2 introduced server push to let servers proactively send resources, but it suffers from issues such as cache invalidation after connection closure, difficulty identifying needed pages, lack of authentication reuse, and other pitfalls, so understanding its traps and best practices is essential for effective use.

HTTP/2Server PushWeb Performance
0 likes · 2 min read
Why HTTP/2 Server Push Isn’t a Silver Bullet and How to Use It Effectively
Aotu Lab
Aotu Lab
Apr 14, 2017 · Frontend Development

Boost Web Performance: GPU Acceleration and Chrome DevTools Explained

This article explains how GPU acceleration can keep web pages within the 16 ms frame budget, details the browser rendering pipeline, shows how to use Chrome DevTools to inspect composited layers, and outlines practical steps and pitfalls for enabling GPU‑accelerated animations.

Chrome DevToolsCompositingGPU
0 likes · 8 min read
Boost Web Performance: GPU Acceleration and Chrome DevTools Explained
Architecture Digest
Architecture Digest
Feb 6, 2017 · Frontend Development

High-Performance Web Architecture: Network, Protocols, and Optimization Strategies

This article examines the critical factors influencing web performance—including network latency, TCP/HTTP protocols, browser rendering, and server-side architecture—and provides practical optimization techniques such as TCP tuning, HTTP/2 adoption, resource compression, caching, load balancing, and distributed design to achieve fast, scalable web services.

Backend ArchitectureFrontend OptimizationHTTP/2
0 likes · 33 min read
High-Performance Web Architecture: Network, Protocols, and Optimization Strategies
Tencent Cloud Developer
Tencent Cloud Developer
Jan 24, 2017 · Frontend Development

React Fundamentals: Understanding Virtual DOM, JSX, and Component Architecture

This article introduces React, the Facebook‑originated JavaScript UI library, explaining its rise in popularity and core concepts—JSX syntax that compiles to React.createElement calls, the virtual DOM that efficiently batches updates, and a component architecture that separates props and state for reusable, maintainable code.

Component ArchitectureJSXReact
0 likes · 9 min read
React Fundamentals: Understanding Virtual DOM, JSX, and Component Architecture
Qunar Tech Salon
Qunar Tech Salon
Jan 16, 2017 · Backend Development

Scalable Web Architecture and Distributed Systems

This article explains the key design principles, components, and techniques—such as availability, performance, reliability, scalability, cost, redundancy, partitioning, caching, proxies, indexing, load balancing, and queuing—required to build large‑scale, high‑performance, and fault‑tolerant web and distributed systems, illustrated with an image‑hosting example.

Web Performancecachingredundancy
0 likes · 37 min read
Scalable Web Architecture and Distributed Systems
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Jan 3, 2017 · Frontend Development

14 Proven Principles to Supercharge Your Website Performance

This article distills the 14 core principles from the book "High Performance Web Sites", offering practical front‑end optimization techniques such as reducing HTTP requests, leveraging CDNs, enabling caching, using Gzip, and avoiding redirects to dramatically speed up web pages.

CDNGzipHTTP optimization
0 likes · 9 min read
14 Proven Principles to Supercharge Your Website Performance
Hujiang Technology
Hujiang Technology
Dec 27, 2016 · Frontend Development

Combining AMP and Progressive Web Apps: Strategies and Implementation

This article explains how Progressive Web Apps (PWAs) and Accelerated Mobile Pages (AMP) can be combined, compares their strengths and limitations, and provides practical integration patterns such as AMP-as-PWA, AMP-to-PWA, and AMP-in-PWA, including service‑worker setup and shadow‑DOM techniques.

AMPPWAService Worker
0 likes · 9 min read
Combining AMP and Progressive Web Apps: Strategies and Implementation
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Nov 9, 2016 · Frontend Development

Master Browser Cache: Using Expires, max-age, ETag to Speed Up Web Pages

This article explains the fundamentals of browser caching, detailing how Expires and Cache‑Control headers such as max‑age, Last‑Modified, and ETag work together to reduce latency, bandwidth usage, and improve user experience, and provides step‑by‑step examples of common caching strategies in practice.

Browser CacheCache-ControlETag
0 likes · 11 min read
Master Browser Cache: Using Expires, max-age, ETag to Speed Up Web Pages
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Nov 6, 2016 · Backend Development

How Tmall Scaled Its Product Pages for Double‑11: CDN‑Driven Staticization Blueprint

This article outlines how Tmall’s product‑detail and shop browsing systems evolved through three stages—system staticization, unified web caching, and full CDN staticization—to handle the massive traffic spikes of Double‑11, detailing architectural changes, caching strategies, cache invalidation mechanisms, and performance outcomes.

CDNDouble 11Web Performance
0 likes · 17 min read
How Tmall Scaled Its Product Pages for Double‑11: CDN‑Driven Staticization Blueprint
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Oct 31, 2016 · Frontend Development

no‑cache vs must‑revalidate: Real‑World Tests Reveal Their True Behavior

This article experimentally compares the HTTP Cache‑Control directives no‑cache and must‑revalidate in both direct and proxy‑mediated scenarios, showing how browsers, cache servers, and origin servers interact and what status codes are returned under different cache‑expiration and resource‑change conditions.

Cache-ControlWeb Performancecaching
0 likes · 18 min read
no‑cache vs must‑revalidate: Real‑World Tests Reveal Their True Behavior
Taobao Frontend Technology
Taobao Frontend Technology
Oct 12, 2016 · Cloud Native

Key Takeaways from Velocity NYC: Microservices, Serverless, and DevOps

Attending the Velocity conference in New York offered a comprehensive look at current trends in web performance and DevOps, highlighting the maturation of microservices, the rise of serverless and cloud‑native practices, the challenges of HTTP/2, and the evolving role of mobile web technologies.

ServerlessWeb Performancecloud-native
0 likes · 12 min read
Key Takeaways from Velocity NYC: Microservices, Serverless, and DevOps
Architecture Digest
Architecture Digest
Oct 11, 2016 · Frontend Development

Web Page Loading Optimization Guide

This guide details a step‑by‑step process for dramatically improving a website’s load time—from analyzing page performance and optimizing images to using CDNs, merging and minifying assets with webpack, applying code‑level tweaks, and enabling HTTP/2 and gzip—resulting in a fourfold speed increase.

CDNGzipHTTP2
0 likes · 10 min read
Web Page Loading Optimization Guide
Aotu Lab
Aotu Lab
Oct 10, 2016 · Frontend Development

Master HTTP Caching: Practical Rules for Static and Dynamic Resources

This guide explains why HTTP caching can be tricky, then provides concise, actionable rules for static assets and dynamic content, covering Cache‑Control, Expires, ETag, Last‑Modified, Vary headers, and how browsers handle refreshes to improve web performance.

Cache-ControlETagHTTP
0 likes · 9 min read
Master HTTP Caching: Practical Rules for Static and Dynamic Resources
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jul 27, 2016 · Frontend Development

Mastering HTTP Caching: From Expires to ETag and Browser Refresh Strategies

This article explains the essential HTTP caching headers—Expires, Cache‑Control, Pragma, Last‑Modified, and ETag—their priorities, how browsers validate cached resources, and the impact of different refresh actions (URI entry, F5, Ctrl+F5) on cache behavior, offering practical guidance for optimal web performance.

Cache-ControlETagWeb Performance
0 likes · 20 min read
Mastering HTTP Caching: From Expires to ETag and Browser Refresh Strategies
Java High-Performance Architecture
Java High-Performance Architecture
Jul 17, 2016 · Frontend Development

How eBay Optimized JS/CSS Bundling to Boost Browser Caching and Performance

eBay reduced HTTP requests and improved caching by splitting its monolithic JS/CSS bundles into shared core libraries, domain‑specific common resources, and page‑specific assets, creating a three‑tier packaging strategy that balances load, consistency, and manageability across its multi‑domain site.

Performance OptimizationWeb Performancecaching
0 likes · 5 min read
How eBay Optimized JS/CSS Bundling to Boost Browser Caching and Performance
Tencent Music Tech Team
Tencent Music Tech Team
Jun 18, 2016 · Frontend Development

Accelerated Mobile Pages (AMP): Overview, Components, and Performance Optimization

Accelerated Mobile Pages (AMP) is Google’s open‑source framework that enforces HTML restrictions, uses custom amp‑ components and a priority‑based JavaScript engine, caches validated pages, and applies strict loading, CSS, and animation rules to dramatically speed up static mobile content, improving SEO and user experience despite some development overhead.

AMPHTMLMobile Web
0 likes · 14 min read
Accelerated Mobile Pages (AMP): Overview, Components, and Performance Optimization
Aotu Lab
Aotu Lab
Jun 17, 2016 · Frontend Development

Why Upgrade to HTTP/2 Now? Real‑World Performance Gains and Best Practices

This article examines how widespread HTTP/2 adoption changes front‑end architecture, demonstrates concrete speed improvements through multiplexing, priority, and server‑push with real‑world demos and HAR analysis, and explains which legacy optimizations become obsolete.

HTTP/2MultiplexingServer Push
0 likes · 12 min read
Why Upgrade to HTTP/2 Now? Real‑World Performance Gains and Best Practices
Architecture Digest
Architecture Digest
Jun 15, 2016 · Frontend Development

Web Performance Optimization: Reducing HTTP Requests and Improving Page Load Speed

This article explains why web performance matters, outlines the 2‑5‑8 response‑time principle, and presents practical front‑end optimization techniques such as reducing HTTP requests, internal page tweaks, caching strategies, download size reduction, and network connection improvements to accelerate user experience.

Frontend OptimizationGzipHTTP requests
0 likes · 14 min read
Web Performance Optimization: Reducing HTTP Requests and Improving Page Load Speed
21CTO
21CTO
May 1, 2016 · Backend Development

Mastering HTTP Caching: How Browsers Use Headers to Optimize Web Performance

This article explains the fundamentals of HTTP caching, detailing the relevant request and response header fields, their interactions, practical simulation using Fiddler, browser-specific behaviors, and best‑practice strategies for configuring Expires, Cache‑Control, ETag, and Last‑Modified to improve web performance.

Browser CacheCache-ControlETag
0 likes · 21 min read
Mastering HTTP Caching: How Browsers Use Headers to Optimize Web Performance
Architecture Digest
Architecture Digest
Mar 10, 2016 · Backend Development

An Overview of HTTP/2: Features, Mechanisms, and Performance Experiments

This article explains the key innovations of HTTP/2—including binary framing, multiplexing, header compression, request priority, server push, and flow control—while also providing practical tools and experimental results that demonstrate its performance advantages over HTTP/1.1 and SPDY.

Flow ControlHTTP/2Header Compression
0 likes · 14 min read
An Overview of HTTP/2: Features, Mechanisms, and Performance Experiments
Architecture Digest
Architecture Digest
Mar 8, 2016 · Frontend Development

Understanding Browser Caching: Strong and Negotiated Cache Mechanisms

This article explains the fundamentals of browser caching, covering strong and negotiated cache principles, HTTP header configurations such as Expires and Cache‑Control, practical code examples for managing cache in Java, and common development techniques to control or bypass caching for optimal web performance.

Strong CacheWeb Performancebrowser caching
0 likes · 16 min read
Understanding Browser Caching: Strong and Negotiated Cache Mechanisms
21CTO
21CTO
Mar 8, 2016 · Frontend Development

Which Wins: HTTPS, SPDY, or HTTP/2? A Real-World Performance Comparison

This article translates and expands a performance study that pits HTTPS, SPDY/3.1, and HTTP/2 against each other using Firefox and HttpWatch on Google UK's homepage, revealing trade‑offs in header compression, response size, connection multiplexing, and page‑load speed.

HTTP/2HTTPSProtocol comparison
0 likes · 8 min read
Which Wins: HTTPS, SPDY, or HTTP/2? A Real-World Performance Comparison
Architect
Architect
Feb 29, 2016 · Frontend Development

In-Depth Guide to Web Page Performance: Rendering, Reflow, Repaint, and Optimization Techniques

This article explains why web pages can suffer from poor performance due to costly reflow and repaint operations, outlines the page rendering process, and provides nine practical techniques—including batching DOM reads/writes, using off‑screen DOM, and leveraging requestAnimationFrame or requestIdleCallback—to reduce rendering overhead and achieve smoother 60 FPS animations.

RenderingWeb Performancefrontend
0 likes · 11 min read
In-Depth Guide to Web Page Performance: Rendering, Reflow, Repaint, and Optimization Techniques
21CTO
21CTO
Jan 5, 2016 · Frontend Development

How to Speed Up Your Website: Proven Front‑End Performance Hacks

This article explains why websites load slowly, outlines key factors such as compression, image optimization, removing unnecessary assets, progressive rendering, and async scripts, and shows how to measure improvements with tools like WebPageTest and Chrome DevTools.

Frontend OptimizationTTFBWeb Performance
0 likes · 10 min read
How to Speed Up Your Website: Proven Front‑End Performance Hacks
Java High-Performance Architecture
Java High-Performance Architecture
Jan 3, 2016 · Frontend Development

17 Proven Techniques to Speed Up Your Web Pages

Discover 17 essential strategies—from merging and compressing JS/CSS to leveraging CDNs and lazy-loading images—that developers can implement to significantly overall improve website overall load times, reduce render blocking, and enhance user experience.

CDNFrontend OptimizationGzip
0 likes · 2 min read
17 Proven Techniques to Speed Up Your Web Pages
21CTO
21CTO
Dec 30, 2015 · Frontend Development

How Meituan Overcame Performance Bottlenecks with a Custom Analysis Framework

This article details Meituan's 2014 presentation on building a performance analysis framework and monitoring platform, describing the bottlenecks they faced, the metrics they collected, the insights gained, and the tangible improvements achieved across front‑end and back‑end processing.

Frontend OptimizationMeituanPerformance Monitoring
0 likes · 13 min read
How Meituan Overcame Performance Bottlenecks with a Custom Analysis Framework
21CTO
21CTO
Nov 19, 2015 · Frontend Development

Boost Web Performance: Why Reducing HTTP Requests Matters

The article explains why web performance matters, outlines the 2‑5‑8 response time rule, and details five key optimization strategies—reducing HTTP requests, internal page tweaks, caching, minimizing download size, and network improvements—while also discussing engineering practices and tools like StyleCombine and H5 incremental packaging.

EngineeringFrontend OptimizationHTTP requests
0 likes · 17 min read
Boost Web Performance: Why Reducing HTTP Requests Matters
21CTO
21CTO
Nov 4, 2015 · Backend Development

How to Tame High Concurrency: Front‑End Tricks and Server‑Side Optimizations

This article explains why modern web sites face exploding concurrent connections, how richer front‑end interactions and browser limits increase load, and presents practical front‑end caching, request merging, and server‑side techniques—including Apache MPM tuning, Nginx adoption, sendfile, and epoll—to reduce memory and CPU pressure.

ApacheBackend ServersFrontend Optimization
0 likes · 20 min read
How to Tame High Concurrency: Front‑End Tricks and Server‑Side Optimizations
Architect
Architect
Nov 4, 2015 · Backend Development

Optimizing Web Server Performance: Reducing Concurrency Pressure, Memory and CPU Usage

The article explains why modern web systems face ever‑increasing concurrent connections, analyzes how front‑end techniques and server‑side configurations such as Apache MPM modes, Nginx, sendfile, and epoll can reduce memory and CPU consumption, and offers practical recommendations for efficient backend architecture.

ApacheCPU optimizationMemory Management
0 likes · 17 min read
Optimizing Web Server Performance: Reducing Concurrency Pressure, Memory and CPU Usage
21CTO
21CTO
Nov 4, 2015 · Frontend Development

How Reducing HTTP Requests Supercharges Web Performance

This article explains why web performance matters, outlines the 2‑5‑8 response time principle, and provides practical front‑end optimization techniques such as reducing HTTP requests, internal page tweaks, caching strategies, gzip compression, and network connection improvements to deliver faster user experiences.

CDNFrontend OptimizationGzip
0 likes · 15 min read
How Reducing HTTP Requests Supercharges Web Performance
21CTO
21CTO
Nov 1, 2015 · Frontend Development

13 Proven Front‑End Performance Rules to Speed Up Your Website

This article distills Steve Souders' high‑performance web guidelines into thirteen practical front‑end rules—such as reducing HTTP requests, leveraging CDNs, enabling caching, compressing assets, and optimizing script placement—to dramatically improve page load speed with minimal effort.

Frontend OptimizationWeb Performancecaching
0 likes · 6 min read
13 Proven Front‑End Performance Rules to Speed Up Your Website
21CTO
21CTO
Oct 21, 2015 · Operations

10 Proven Strategies to Supercharge Your Web App Performance

This article presents ten practical techniques—including reverse proxy deployment, load balancing, caching, compression, SSL/TLS optimization, HTTP/2 adoption, Linux kernel tuning, and real‑time monitoring—to dramatically improve the responsiveness and reliability of web applications and services.

Linux TuningWeb Performancecaching
0 likes · 8 min read
10 Proven Strategies to Supercharge Your Web App Performance
21CTO
21CTO
Oct 3, 2015 · Fundamentals

Why Cache Mechanisms Follow Fractal Geometry: A Deep Dive into Space‑Time Trade‑offs

This article explores how various caching techniques—from DNS and CDN to browser and hardware caches—exhibit self‑similar fractal patterns, illustrating the universal space‑for‑time trade‑off that improves system efficiency across front‑end, back‑end, and real‑world scenarios.

Web Performancecache optimizationcaching
0 likes · 15 min read
Why Cache Mechanisms Follow Fractal Geometry: A Deep Dive into Space‑Time Trade‑offs
21CTO
21CTO
Sep 26, 2015 · Backend Development

How to Tame High Concurrency: Front‑End Tricks and Server Optimizations

This article examines why modern web systems face exploding concurrent connections, explains how richer pages and browser limits increase load, and presents front‑end caching, request merging, Apache/Nginx memory and CPU optimizations, and practical guidelines for reducing server resource consumption.

ApacheCPUWeb Performance
0 likes · 19 min read
How to Tame High Concurrency: Front‑End Tricks and Server Optimizations
21CTO
21CTO
Sep 21, 2015 · Operations

How to Tame High Concurrency: Cutting Web Server Memory and CPU Usage

This article explains why modern web systems face exploding concurrent connections, how richer page interactions and higher browser limits increase server load, and presents front‑end caching, request merging, Apache/Nginx memory‑saving modes, sendfile, and epoll techniques to reduce both memory and CPU consumption.

ApacheCPU optimizationMemory Management
0 likes · 19 min read
How to Tame High Concurrency: Cutting Web Server Memory and CPU Usage
21CTO
21CTO
Sep 15, 2015 · Frontend Development

Boost Your Website Speed: Proven Frontend Performance Best Practices

This article compiles Yahoo's 35 golden rules for frontend performance, covering content, server, cookie, CSS, JavaScript, image optimization and mobile considerations, and explains how to test and apply each technique to dramatically improve page load speed.

CDNFrontend OptimizationWeb Performance
0 likes · 19 min read
Boost Your Website Speed: Proven Frontend Performance Best Practices
21CTO
21CTO
Aug 26, 2015 · Frontend Development

What Facebook’s New Study Reveals About Web Cache Effectiveness in 2024

Facebook’s web team revisited Yahoo’s 2007 cache research, measuring how often PC and mobile browsers serve resources from cache today, discovering that roughly 45% of requests still miss the cache and that cache lifetimes are short, prompting new optimization recommendations.

FacebookFrontend OptimizationWeb Performance
0 likes · 10 min read
What Facebook’s New Study Reveals About Web Cache Effectiveness in 2024
21CTO
21CTO
Aug 17, 2015 · Frontend Development

Mastering Browser Caching: How HTTP Headers Control What You See

This article explains how browsers cache resources using HTTP headers like Expires, Cache‑Control, Last‑Modified, and ETag, describes non‑HTTP meta tag tricks, outlines which requests cannot be cached, and shows how different user actions affect cache behavior.

Cache-ControlWeb Performancebrowser caching
0 likes · 10 min read
Mastering Browser Caching: How HTTP Headers Control What You See
High Availability Architecture
High Availability Architecture
Aug 8, 2015 · Information Security

Managing HTTPS Certificates When Using Third‑Party CDN Services

The article explains how HTTPS works, why traditional CDN architectures based on CNAME aliases can conflict with HTTPS certificate validation, and compares two common approaches—custom certificates and shared certificates—highlighting their security implications and performance considerations for web operators.

CDNHTTPSSecurity
0 likes · 6 min read
Managing HTTPS Certificates When Using Third‑Party CDN Services
Art of Distributed System Architecture Design
Art of Distributed System Architecture Design
Jul 22, 2015 · Backend Development

Full-Stack Performance Optimization: Practical Tips and Strategies

Ronald Bradford, a veteran IT expert, outlines a comprehensive full‑stack performance optimization guide that includes using CDNs, compressing content, reducing request counts, asynchronous handling, SQL tuning, SSD storage, software updates, scaling servers, proper configuration, and systematic testing to identify and prioritize bottlenecks across the entire web stack.

BackendPerformance OptimizationWeb Performance
0 likes · 4 min read
Full-Stack Performance Optimization: Practical Tips and Strategies
Qunar Tech Salon
Qunar Tech Salon
Mar 18, 2015 · Backend Development

Optimizing Web Server Performance for High Concurrency: Front‑end Techniques and Server‑side Strategies

The article examines the rise of high‑concurrency web connections, explains how richer front‑end interactions increase load, and presents a range of optimization techniques—from caching and request merging to server‑side memory and CPU reductions using Apache MPM modes, Nginx, and sendfile—to improve web service efficiency.

ApacheCPU optimizationFrontend Optimization
0 likes · 19 min read
Optimizing Web Server Performance for High Concurrency: Front‑end Techniques and Server‑side Strategies
Art of Distributed System Architecture Design
Art of Distributed System Architecture Design
Mar 17, 2015 · Frontend Development

Boost Your Web Page Speed: 18 Proven Front‑End Optimization Techniques

This article compiles practical front‑end performance tips from Google and Yahoo, covering bad request elimination, CSS @import avoidance, script handling, resource merging, image sprites, DNS reduction, caching, compression, and a suite of analysis tools to help developers dramatically improve page load times and user experience.

CSS spritesFrontend OptimizationGoogle PageSpeed
0 likes · 18 min read
Boost Your Web Page Speed: 18 Proven Front‑End Optimization Techniques
MaGe Linux Operations
MaGe Linux Operations
Dec 19, 2014 · Frontend Development

Master Web Image Optimization: Formats, Tools, and Best Practices

Web image optimization, covering when to use images, selecting appropriate formats like JPEG, PNG, GIF, SVG, and WebP, sizing strategies, responsive techniques, and a range of tools—from command‑line utilities to GUI applications and automated workflows—helps reduce bandwidth, improve performance, and enhance user experience.

Responsive DesignWeb Performancefrontend
0 likes · 16 min read
Master Web Image Optimization: Formats, Tools, and Best Practices
MaGe Linux Operations
MaGe Linux Operations
Jul 5, 2014 · Operations

Discover 10 Free Tools to Load‑Test Your Web Applications

Learn about ten free, open‑source tools—including Grinder, JMeter, and Siege—that let you simulate concurrent users, measure performance, and identify bottlenecks in web applications, helping you assess server capacity and optimize site responsiveness under load.

Load TestingOperationsWeb Performance
0 likes · 8 min read
Discover 10 Free Tools to Load‑Test Your Web Applications
Baidu Tech Salon
Baidu Tech Salon
Mar 28, 2014 · Frontend Development

Static Resource Management and Template Framework for Front-End Optimization

The article discusses static resource management and a template framework to optimize front‑end performance by collecting resource requirements via require, widget, and script tags, deduplicating them, placing CSS in the head and JavaScript at the bottom, and enabling on‑demand loading while reducing HTTP requests.

On-demand LoadingStatic ResourcesTemplate Engine
0 likes · 11 min read
Static Resource Management and Template Framework for Front-End Optimization
Baidu Tech Salon
Baidu Tech Salon
Mar 26, 2014 · Frontend Development

Rethinking Web Performance Optimization in Large‑Scale Front‑End Engineering: Insights from Baidu's F.I.S

Large‑scale front‑end teams struggle with traditional performance rules and cache‑invalidation during deployments, but Baidu’s Front‑End Integrated Solution automates content‑hash filename generation and recursive resource rewriting, enabling permanent strong caching, eliminating deployment‑gap errors, and simplifying version control across massive web applications.

FISWeb Performancebuild tools
0 likes · 14 min read
Rethinking Web Performance Optimization in Large‑Scale Front‑End Engineering: Insights from Baidu's F.I.S