This article reviews HTTP/2's core features, evaluates its performance advantages and limitations in real‑world web deployments, discusses server‑push and proxy challenges, and offers a forward‑looking perspective on its adoption across the industry.
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.
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.
Developers must decide where rendering occurs—server-side, client-side, static generation, or rehydration—by understanding key terms, performance metrics like TTFB, FP, FCP, and TTI, and weighing trade‑offs such as speed, resource usage, SEO impact, and complexity across modern frameworks.
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.
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.
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.
This article explains Nginx's web caching concepts, covering the 404‑error‑driven and resource‑not‑found caching mechanisms, their configuration, limitations, and how memcached can be used for key/value caching to improve server performance and reliability.
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.
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 %.
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.
This article explains how to reduce HTTP requests and page load time for H5 web pages by leveraging Chrome DevTools and its WebSocket‑based protocol to capture network metrics, render trees, and screenshots on both PC and Android, providing step‑by‑step debugging and performance‑testing guidance.
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.
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.
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.
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.
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.
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.
This article explains how to use the HTML preload attribute, distinguishes it from prefetch, shows how to detect browser support, outlines resource‑loading priority rules, and provides practical tips to avoid misuse and improve first‑paint performance.
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.
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.
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.
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%.
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.
This article compares HTTP/2 with its predecessor HTTP/1.x, detailing performance gains through multiplexing, binary framing, header compression, and server push, and explains the underlying mechanisms such as TCP behavior, binary frames, static and dynamic header tables, illustrating concepts with visual examples.
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.
This article explains the complete web request lifecycle, breaks down each latency component, and details how various cache layers—from browser DNS caches to server‑side memory and disk caches—can be leveraged and tuned to dramatically speed up page loads.
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.
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.
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.
This article explores practical lossy and lossless compression techniques for web front‑end assets, covering image compression via Canvas, data compression using LZ‑based algorithms, recommended JavaScript libraries, and a novel PNG‑based approach to shrink resources without sacrificing functionality.
This article reviews the challenges of web performance, analyzes HTTP/1.1, HTTP/2, TLS, and QUIC protocols, discusses optimization techniques such as TCP fast open, TLS false start, server push, preconnect, and presents practical recommendations from the 2017 ArchSummit presentation.
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.
This article reviews common web image formats—JPG, PNG, GIF, APNG, and WebP—detailing their compression methods, animation support, browser compatibility, and practical usage guidelines to help developers select the most efficient format for different scenarios.
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.
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.
This article explains what a CDN (Content Delivery Network) is, how it differs from traditional website access, outlines common application scenarios, and details the relationship and configuration of origin servers, origin hosts, and back‑origin settings.
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.
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.
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.
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.
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.
This article explains Varnish's caching mechanism, architecture, VCL configuration, request handling, load‑balancing setup, and static‑dynamic separation techniques, providing practical examples and diagrams to help reduce backend load and improve user experience.
This article explains how HTTP caching works, breaks down the three caching strategies, analyzes real‑world header examples, and reveals why browsers may still cache resources even when Cache‑Control is set to no‑cache or private, using heuristic expiration rules.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
This article explains how HTTP/2 server push works, why it improves page load performance, and provides practical Node‑SPDY code examples for pushing assets, redirects, cache‑validation messages, and integrating Server‑Sent Events to notify clients of pushed resources.
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.
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.
This article explains how to use WebPageTest and HTTPArchive data to measure key website performance indicators, interprets their meanings and relationships, and provides baseline values for assessing a site’s speed, backend efficiency, and third‑party impact.
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.
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.
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.
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.
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.
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.
This guide explains how HTTP/2 changes traditional front‑end performance tricks, covers browser support, TLS requirements, Server Push benefits, and provides a concise Nginx configuration example to enable HTTP/2 on your site.
This guide explains how to use the browser's Performance.now() API to precisely measure the time between two markers, compare it with Date timestamps, and demonstrates a practical example of timing an image's load event with JavaScript code.
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.
Using cookie‑free domains prevents browsers from sending unnecessary cookies with every static asset request, reducing network overhead and improving page load speed, especially on sites with many images, CSS, or JavaScript files.
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.
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.
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.
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.
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.
The article examines JD.com’s homepage front‑end architecture, detailing its use of SeaJS, a custom jQuery build, lazy‑loading, localStorage caching, module organization, and code‑splitting strategies, and compares these techniques with typical web development practices.
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.
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.
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.
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.
This guide explains the core concepts of Nginx caching, how to enable and configure cache paths, manage cache processes, control which requests are cached, set expiration policies, bypass caching when needed, and provides a comprehensive configuration example.
Grunt is a popular frontend build tool that automates tasks such as file merging, compression, linting, unit testing, and SASS/LESS compilation, helping large projects reduce network requests, improve load speed, maintain code quality, and streamline the release workflow.
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.
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.
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.
This article explains how to reduce web page load time and bandwidth by applying lossless compression and format conversion to footer images using ImageMagick, provides practical command examples for Linux, macOS, and Windows, and quantifies the potential traffic savings.
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.
This article explains how browsers cache resources, the role of HTTP response headers such as Expires, Cache‑Control, ETag and Last‑Modified, and how conditional requests and different refresh actions affect caching behavior to improve web performance.
This article compares static file serving and Redis‑based page caching for heavily visited sites, outlining their advantages and drawbacks such as speed, update frequency, database load, implementation complexity, and the need for dynamic processing.
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.
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.
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.
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.
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.
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.
