Tagged articles
293 articles
Page 2 of 3
政采云技术
政采云技术
May 17, 2022 · Frontend Development

Performance Optimization: Image Compression, Loading Strategies, and Format Selection

This article explains why image resources dominate front‑end performance, describes how binary depth relates to color representation, compares common image formats (JPEG, PNG‑8/24, SVG, WebP, Base64), and provides practical techniques such as compression tools, CDN/OSS deployment, and lazy‑loading code to dramatically improve page load speed.

CDNOSSWeb Performance
0 likes · 12 min read
Performance Optimization: Image Compression, Loading Strategies, and Format Selection
ByteDance Web Infra
ByteDance Web Infra
May 9, 2022 · Frontend Development

Web Infra Live Interview – Full Translation on the Future of Frontend and Vercel

This article provides a complete English translation of a 1.5‑hour live interview where Vercel’s Director of Developer Relations discusses the evolution of frontend development, edge networks, rendering strategies such as CSR, SSR, SSG, ISR, RSC, the Vercel platform workflow, and the role of Rust, WebAssembly, and SWC in modern web tooling.

Next.jsRustSSR
0 likes · 36 min read
Web Infra Live Interview – Full Translation on the Future of Frontend and Vercel
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 27, 2022 · Frontend Development

How Chrome 101’s Priority Hints and FedCM Can Boost Web Performance and Privacy

Chrome 101 introduces Priority Hints for fine‑grained resource loading control and the Federated Credentials Management API for cookie‑less third‑party login, but both features are still experimental, lack cross‑browser support, and raise practical challenges for developers seeking performance gains and privacy improvements.

ChromeFederated Credential ManagementPriority Hints
0 likes · 14 min read
How Chrome 101’s Priority Hints and FedCM Can Boost Web Performance and Privacy
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Apr 18, 2022 · Frontend Development

When Do Scripts and Stylesheets Delay DOMContentLoaded?

This article explains how script and stylesheet elements influence the timing of the DOMContentLoaded event, detailing the effects of async, defer, and external CSS on HTML parsing, supported by HTML5 specifications and performance analysis, to help developers optimize page load speed.

DOMContentLoadedHTML5Web Performance
0 likes · 8 min read
When Do Scripts and Stylesheets Delay DOMContentLoaded?
Baidu Geek Talk
Baidu Geek Talk
Apr 13, 2022 · Frontend Development

Baidu Live SSR Technology: A New Approach to Web Application Development

Baidu’s new Live SSR approach adds a JavaScript computation function to the CSR directory, enabling seamless server‑side rendering without altering modules or pages, while leveraging end‑cloud collaboration, FaaS universal solutions, and component‑level reuse to boost SEO, user experience, scalability, and development efficiency.

Baidu LiveComponent-Based ArchitectureFaaS
0 likes · 10 min read
Baidu Live SSR Technology: A New Approach to Web Application Development
Programmer DD
Programmer DD
Mar 31, 2022 · Frontend Development

Chrome 100 Launch: Fresh Icon, Multi‑Screen API & Version‑Parsing Impacts

Chrome 100, the first three‑digit release of Google’s browser, arrives across macOS, Windows, Android and iOS with a new icon design, removal of Lite mode, a multi‑screen window placement API, and warnings that the version change may affect user‑agent parsing libraries, while Google touts lower memory and CPU usage.

BrowserChromeMulti-screen API
0 likes · 4 min read
Chrome 100 Launch: Fresh Icon, Multi‑Screen API & Version‑Parsing Impacts
ByteFE
ByteFE
Mar 23, 2022 · Frontend Development

Effects of Too Much Lazy Loading on Web Performance

While lazy loading can reduce initial page load time and save resources, overusing it can slow scrolling, cause layout shifts, hinder SEO, and ultimately degrade overall web performance, so developers need clear guidelines on when and how to apply it effectively.

Frontend OptimizationResource ManagementSEO
0 likes · 7 min read
Effects of Too Much Lazy Loading on Web Performance
DevOps Operations Practice
DevOps Operations Practice
Mar 5, 2022 · Fundamentals

Understanding CDN: Principles, Architecture, and Applications

This article explains the fundamentals of Content Delivery Networks (CDN), covering their history, DNS-based operation, global load balancing, caching mechanisms, typical use cases such as website and streaming acceleration, and the performance, cost, security, and operational benefits they provide.

CDNContent Delivery NetworkGSLB
0 likes · 13 min read
Understanding CDN: Principles, Architecture, and Applications
IT Services Circle
IT Services Circle
Mar 1, 2022 · Frontend Development

Understanding Server-Side Rendering (SSR) in Vue: Principles and Implementation

This article explains the principles and implementation of server‑side rendering (SSR) in Vue, comparing CSR and SSR, detailing how Vue’s vue‑server‑renderer creates a bundle renderer, executes code via Node’s vm, traverses the virtual DOM to generate HTML strings, and relates SSR rendering to the generate phase of front‑end compilation.

SSRServer-side RenderingVue
0 likes · 7 min read
Understanding Server-Side Rendering (SSR) in Vue: Principles and Implementation
Ctrip Technology
Ctrip Technology
Feb 10, 2022 · Frontend Development

Web Performance Optimization Practices for Trip.com Flight Site

This article presents a comprehensive guide to improving web performance for Trip.com’s flight pages, covering user‑centric metrics, measurement methods, and practical optimization techniques such as package size reduction, resource hints, lazy loading, server‑side rendering, long‑task mitigation, and React‑specific improvements, ultimately raising the PageSpeed score from around 30 to over 80.

Frontend OptimizationLighthouseReact
0 likes · 20 min read
Web Performance Optimization Practices for Trip.com Flight Site
vivo Internet Technology
vivo Internet Technology
Feb 9, 2022 · Frontend Development

Understanding HTTP Cache-Control Protocol and Its Applications

HTTP Cache‑Control defines how browsers, proxies, and origin servers coordinate caching through directives like public, private, max‑age, no‑store, and revalidation, enabling developers to control freshness, reduce server load, save bandwidth, and improve user experience while avoiding stale‑content issues.

BrowserCache-ControlHTTP
0 likes · 25 min read
Understanding HTTP Cache-Control Protocol and Its Applications
Taobao Frontend Technology
Taobao Frontend Technology
Dec 21, 2021 · Frontend Development

Boost Frontend Issue Detection: Lessons from JSTracker’s Monitoring Evolution

Over the past year, Taobao’s frontend team unified monitoring but still struggled with low issue detection rates, prompting a deep analysis of problem definitions, detection metrics, chain and indicator analyses, and the rollout of JSTracker’s enhanced non‑expected rendering, business monitoring, and alarm solutions to improve online problem discovery.

JSTrackerWeb Performancealarm system
0 likes · 12 min read
Boost Frontend Issue Detection: Lessons from JSTracker’s Monitoring Evolution
FunTester
FunTester
Dec 21, 2021 · Frontend Development

Responsive Web Design and Mobile Web Testing Strategies

The article explains the importance of responsive web design for mobile users, outlines various mobile web testing approaches—including Chrome DevTools, simulators, real devices, and cloud‑based automation—and highlights how these strategies ensure consistent, high‑quality user experiences across diverse devices and network conditions.

AutomationResponsive DesignWeb Performance
0 likes · 6 min read
Responsive Web Design and Mobile Web Testing Strategies
21CTO
21CTO
Dec 16, 2021 · Backend Development

How Much Faster Is HTTP/3? Real‑World Benchmarks Reveal the Gains

This article explains the evolution of HTTP, compares HTTP/1.1, HTTP/2, and HTTP/3, and presents benchmark results from three global data centers showing how HTTP/3’s QUIC‑based multiplexing and 0‑RTT dramatically reduce page load latency.

HTTP/3QUICWeb Performance
0 likes · 13 min read
How Much Faster Is HTTP/3? Real‑World Benchmarks Reveal the Gains
QQ Music Frontend Team
QQ Music Frontend Team
Nov 21, 2021 · Fundamentals

Why QUIC Is the Future of Web Protocols: From HTTP/1.1 to HTTP/3

This article traces the evolution of HTTP from its earliest version through HTTP/2, explains the limitations of each iteration, and demonstrates how QUIC's UDP‑based design, 0‑RTT connections, connection migration, and flexible congestion control overcome those issues to become the next‑generation web transport protocol.

QUICTCPUDP
0 likes · 17 min read
Why QUIC Is the Future of Web Protocols: From HTTP/1.1 to HTTP/3
IT Architects Alliance
IT Architects Alliance
Nov 8, 2021 · Frontend Development

Mastering Browser Caching: HTTP, Cookies, LocalStorage, and IndexedDB Explained

This article provides a comprehensive guide to client‑side caching, covering HTTP strong and conditional caching, cache‑control directives, and local storage options such as cookies, localStorage, sessionStorage, and IndexedDB, while offering practical strategies for cache refresh, browser cache principles, and offline application design.

IndexedDBWeb Performancebrowser caching
0 likes · 14 min read
Mastering Browser Caching: HTTP, Cookies, LocalStorage, and IndexedDB Explained
ByteDance Web Infra
ByteDance Web Infra
Nov 4, 2021 · Frontend Development

Understanding Modern User‑Centric Web Performance Metrics: LCP, TBT, and CLS

The article explains why traditional load‑time metrics are insufficient for user experience, introduces three user‑centric performance metrics—Largest Contentful Paint, Total Blocking Time, and Cumulative Layout Shift—describes how they are measured, why they matter, and provides practical optimization techniques for each.

CLSLCPTBT
0 likes · 23 min read
Understanding Modern User‑Centric Web Performance Metrics: LCP, TBT, and CLS
Open Source Linux
Open Source Linux
Nov 3, 2021 · Backend Development

10 Proven Ways to Boost Web Application Performance Up to 10×

This article explains why web application performance is critical, presents data on user abandonment and revenue impact, and offers ten practical recommendations—including using a reverse‑proxy/load balancer, caching static and dynamic content, compressing assets, optimizing SSL/TLS, enabling HTTP/2, upgrading software, tuning Linux and the web server, and continuous monitoring—to achieve up to ten‑fold speed improvements.

HTTP2Web Performancecaching
0 likes · 22 min read
10 Proven Ways to Boost Web Application Performance Up to 10×
Baidu Geek Talk
Baidu Geek Talk
Nov 1, 2021 · Frontend Development

How Baidu’s Ad Hosting Team Built a Scalable Front‑End Exception Monitoring System

This article shares Baidu’s ad‑hosting team experience in designing, collecting, alerting, investigating, and remediating front‑end exceptions—covering generic and business‑specific error tracking, data protocols, monitoring strategies, alert tuning, and practical governance to improve user experience and ad performance.

AlertingBaiduError Handling
0 likes · 25 min read
How Baidu’s Ad Hosting Team Built a Scalable Front‑End Exception Monitoring System
Taobao Frontend Technology
Taobao Frontend Technology
Sep 29, 2021 · Frontend Development

How Alibaba’s Tianma Seed Spec Compares to Modern Import Maps

This article examines the evolution of web resource loading—from script tags and CDN combos to CommonJS, AMD, bundlers, and bundless approaches—then compares Alibaba's Tianma seed module specification with the emerging import‑maps standard, highlighting their setups, limitations, and performance implications.

Import MapsWeb Performancemodule loading
0 likes · 16 min read
How Alibaba’s Tianma Seed Spec Compares to Modern Import Maps
Baidu Intelligent Testing
Baidu Intelligent Testing
Aug 12, 2021 · Frontend Development

Optimizing Mobile Landing Page Load Performance: Measurement, Key Path Decomposition, and Core Techniques

This article analyzes how landing‑page load speed impacts user experience and conversion, presents data‑driven measurements and key‑path breakdowns, and details practical frontend optimization methods—including container initialization, parallel billing, resource pre‑loading, and server‑ and client‑side pre‑rendering—to significantly improve performance across commercial ad flows.

Performance OptimizationWeb Performancefrontend
0 likes · 10 min read
Optimizing Mobile Landing Page Load Performance: Measurement, Key Path Decomposition, and Core Techniques
Taobao Frontend Technology
Taobao Frontend Technology
Jul 15, 2021 · Frontend Development

Cutting Shop Page Load Time in Half: Micro‑Frontend Performance Optimization Strategies

This article details how a large‑scale e‑commerce shop improved first‑screen load speed by over 50% through micro‑frontend architecture, full‑chain performance tracing, interface caching, parallel rendering, and template‑based snapshot rendering, providing a repeatable optimization framework for complex web applications.

Frontend ArchitecturePerformance OptimizationWeb Performance
0 likes · 15 min read
Cutting Shop Page Load Time in Half: Micro‑Frontend Performance Optimization Strategies
Java Interview Crash Guide
Java Interview Crash Guide
Jul 10, 2021 · Operations

10 Proven Strategies to Boost Your Web App Performance by Up to 10×

This article outlines ten actionable techniques—including reverse proxy deployment, load balancing, caching, compression, SSL/TLS optimization, HTTP/2 adoption, software upgrades, Linux tuning, web‑server tweaks, and real‑time monitoring—that together can boost a web application's speed and reliability by up to ten times.

HTTP2NGINXSSL
0 likes · 22 min read
10 Proven Strategies to Boost Your Web App Performance by Up to 10×
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Jun 27, 2021 · Operations

10 Proven Ways to Boost Web App Performance Up to 10× with NGINX

This article explains why web performance is critical today, presents ten practical optimization techniques—including reverse proxy, load balancing, caching, compression, SSL/TLS tuning, HTTP/2, software upgrades, Linux and server tuning, and real‑time monitoring—to potentially increase web application speed by up to tenfold.

Linux TuningNGINXSSL/TLS
0 likes · 23 min read
10 Proven Ways to Boost Web App Performance Up to 10× with NGINX
ByteDance Dali Intelligent Technology Team
ByteDance Dali Intelligent Technology Team
Jun 24, 2021 · Fundamentals

A Comprehensive Analysis of the HTTP/2 Protocol: Architecture, Optimizations, and Practical Packet Capture Insights

This article provides a comprehensive technical analysis of the HTTP/2 protocol, detailing its architectural improvements over HTTP/1.1, including HPACK header compression, binary framing, stream multiplexing, and server push, while demonstrating practical packet capture techniques to illustrate its performance optimizations.

Binary FramingHPACK CompressionHTTP/2
0 likes · 15 min read
A Comprehensive Analysis of the HTTP/2 Protocol: Architecture, Optimizations, and Practical Packet Capture Insights
21CTO
21CTO
Jun 18, 2021 · Frontend Development

Do HTTP/2’s Multiplexing Still Need Image Sprites? Experimental Insights

This article presents a series of experiments comparing HTTP/1.1 and HTTP/2 request merging versus splitting, analyzing how concurrency, multiplexing, and header compression affect page load times for small images, large assets, and JavaScript under various network conditions.

HTTP/2Network ProtocolsWeb Performance
0 likes · 15 min read
Do HTTP/2’s Multiplexing Still Need Image Sprites? Experimental Insights
Taobao Frontend Technology
Taobao Frontend Technology
Jun 2, 2021 · Frontend Development

How We Cut Landing Page Load Time to Sub‑Second on Low‑End Devices

This article details a comprehensive performance overhaul of a Taobao acquisition page—targeting low‑end phones and unstable networks—by centralizing APIs, prefetching data, and deploying static SSR, ultimately reducing first‑screen render time from several seconds to under one second.

SSRWeb Performancefrontend performance
0 likes · 11 min read
How We Cut Landing Page Load Time to Sub‑Second on Low‑End Devices
Baidu Geek Talk
Baidu Geek Talk
May 19, 2021 · Frontend Development

Commercial Landing Page Performance Optimization: End-to-End Loading Speed Improvement at Baidu

Baidu’s end‑to‑end optimization of commercial landing pages—splitting container initialization, parallelizing billing, preloading critical resources, and employing server‑ and client‑side pre‑rendering—cuts load times below the 1‑second threshold that Baidu’s data shows is essential to prevent a 5% conversion drop, though implementation demands significant development effort.

Frontend OptimizationWeb Performanceconversion optimization
0 likes · 9 min read
Commercial Landing Page Performance Optimization: End-to-End Loading Speed Improvement at Baidu
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
May 17, 2021 · Frontend Development

How a Hidden fetch Interception Caused Memory Leaks in FLV Live Streams (and How to Fix It)

This article details a severe memory‑leak crash observed on a Tencent Classroom FLV live‑stream page during IMWebConf 2020, outlines the systematic reproduction steps, identifies the culprit as a fetch‑interception mechanism in an internal reporting tool, and presents a whitelist‑based fix to prevent future crashes.

Web Performancefetch interceptionflv streaming
0 likes · 8 min read
How a Hidden fetch Interception Caused Memory Leaks in FLV Live Streams (and How to Fix It)
Youzan Coder
Youzan Coder
May 12, 2021 · Frontend Development

Understanding React Fiber Architecture, Work Units, and Scheduling

React Fiber rewrites React’s core algorithm by breaking the diff phase into small, interruptible fiber units, scheduling them during browser idle time with requestIdleCallback, using double‑buffered trees and effect lists to pause, resume, and efficiently commit DOM updates, thereby improving UI responsiveness in large applications.

FiberFront-endJavaScript
0 likes · 28 min read
Understanding React Fiber Architecture, Work Units, and Scheduling
Taobao Frontend Technology
Taobao Frontend Technology
Apr 20, 2021 · Frontend Development

How Alibaba’s EVA Framework Delivered Ultra‑Fast, Stable Double‑11 Interactive Pages

This article explains how the Taobao interaction team used a custom EVA front‑end solution, optimized page rendering infrastructure, and a global stability strategy to achieve lightning‑quick, fault‑free interactive experiences during Double‑11, while also supporting accessibility and low‑code modal production.

EVA frameworkInteractive DevelopmentWeb Performance
0 likes · 13 min read
How Alibaba’s EVA Framework Delivered Ultra‑Fast, Stable Double‑11 Interactive Pages
MaGe Linux Operations
MaGe Linux Operations
Apr 7, 2021 · Frontend Development

12 Must-Have Chrome Extensions Every Front-End Developer Needs

This article introduces twelve essential Chrome extensions—ranging from site technology detection to responsive design testing, CSS inspection, JSON viewing, performance auditing, cache clearing, cookie management, live reloading, and API testing—that can dramatically boost a front‑end developer's productivity and code quality.

Chrome extensionsWeb Performancefrontend
0 likes · 8 min read
12 Must-Have Chrome Extensions Every Front-End Developer Needs
IT Architects Alliance
IT Architects Alliance
Apr 3, 2021 · Frontend Development

How Baidu Re‑engineered Its Mobile Search Front‑End Architecture for Scale

This article analyzes Baidu's mobile search front‑end architecture evolution, identifying scalability and maintainability challenges, outlining a three‑layer redesign strategy, and detailing concrete modularization, componentization, and SSR techniques that other large‑scale web teams can apply.

BaiduComponentizationFrontend Architecture
0 likes · 14 min read
How Baidu Re‑engineered Its Mobile Search Front‑End Architecture for Scale
ByteFE
ByteFE
Mar 29, 2021 · Backend Development

Understanding HTTP Caching: Types, Headers, and ETag Mechanisms

This article explains why caching is essential for web performance, describes the two main HTTP cache types (strong and negotiated), compares Expires and Cache‑Control headers, and details ETag generation, validation, and best‑practice considerations in server implementations such as Nginx.

BackendCache-ControlETag
0 likes · 10 min read
Understanding HTTP Caching: Types, Headers, and ETag Mechanisms
21CTO
21CTO
Mar 25, 2021 · Frontend Development

How Baidu Revamped Its Mobile Search Front‑End Architecture for Scale and Performance

This article examines Baidu's mobile search front‑end architecture evolution, detailing the challenges of massive codebases, unclear responsibilities, and outdated tech stacks, and explains how a three‑layer modular design, dependency‑injection container, componentization with San, and optimized server‑side rendering were employed to improve scalability, maintainability, and page performance.

BaiduComponentizationFrontend Architecture
0 likes · 14 min read
How Baidu Revamped Its Mobile Search Front‑End Architecture for Scale and Performance
Sohu Tech Products
Sohu Tech Products
Mar 24, 2021 · Frontend Development

Why the <picture> Tag Beats <img> for Responsive Images

This article explains the limitations of the traditional img tag for responsive design, demonstrates how the picture element combined with srcset, sizes, and media attributes can handle both resolution and image switching, and provides practical code examples for modern web development.

HTMLPicture TagResponsive Images
0 likes · 10 min read
Why the <picture> Tag Beats <img> for Responsive Images
iQIYI Technical Product Team
iQIYI Technical Product Team
Mar 19, 2021 · Backend Development

Performance Optimization Practices for iQIYI International Site Backend

The iQIYI International backend team boosted global video delivery by introducing a web‑cache layer, Brotli compression, and a two‑level Caffeine‑Redis caching system with pub/sub synchronization, achieving up to 6% faster First Contentful Paint, near‑100% cache‑hit rates, and measurable revenue gains.

AB testingSSRWeb Performance
0 likes · 19 min read
Performance Optimization Practices for iQIYI International Site Backend
Architect
Architect
Mar 13, 2021 · Fundamentals

Understanding HTTP Caching: Headers, Strategies, and Practical Implementation

This article provides a comprehensive overview of HTTP caching mechanisms, detailing cache‑related header fields, browser behaviors, legacy and modern directives, validation techniques, and practical tips for configuring efficient cache strategies in web applications.

BrowserCache-ControlETag
0 likes · 18 min read
Understanding HTTP Caching: Headers, Strategies, and Practical Implementation
Xueersi Online School Tech Team
Xueersi Online School Tech Team
Mar 5, 2021 · Fundamentals

Evolution and Limitations of HTTP/1.1, HTTP/2, and HTTP/3 (QUIC)

This article reviews the evolution of HTTP from version 1.1 to HTTP/2 and HTTP/3, explaining key features such as persistent connections, pipelining, binary framing, header compression, multiplexing, and QUIC's advantages, while also highlighting the remaining drawbacks like head‑of‑line blocking, TCP connection limits, and security concerns.

NetworkingQUICWeb Performance
0 likes · 16 min read
Evolution and Limitations of HTTP/1.1, HTTP/2, and HTTP/3 (QUIC)
vivo Internet Technology
vivo Internet Technology
Feb 22, 2021 · Fundamentals

Comprehensive Overview of HTTP/2: Connection Setup, Frames & Streams, HPACK Compression, Server Push, Flow Control, and Open Issues

The article thoroughly explains HTTP/2, detailing its optional clear‑text or TLS connection setup, multiplexed frames and streams, HPACK header compression, server‑push mechanism, application‑layer flow control, and the protocol’s lingering challenges such as TLS handshake latency and TCP head‑of‑line blocking that HTTP/3 seeks to resolve.

Flow ControlHTTP/2Server Push
0 likes · 21 min read
Comprehensive Overview of HTTP/2: Connection Setup, Frames & Streams, HPACK Compression, Server Push, Flow Control, and Open Issues
Sohu Tech Products
Sohu Tech Products
Feb 17, 2021 · Frontend Development

Image Optimization Techniques for Frontend Development

This article explains why excessive or large images hurt page load speed in e‑commerce sites and provides a comprehensive guide to selecting proper image formats, applying lossless and lossy compression, using tools, configuring webpack, employing CSS sprites, icon fonts, base64, CDN, lazy loading, preloading, responsive and progressive image strategies to improve web performance.

Responsive ImagesWeb Performancefrontend
0 likes · 22 min read
Image Optimization Techniques for Frontend Development
Liangxu Linux
Liangxu Linux
Feb 4, 2021 · Fundamentals

66 Essential Computer Network Concepts Every Developer Should Know

This comprehensive guide covers 66 key computer networking topics, from the evolution of HTTP protocols and request methods to TCP/IP fundamentals, TLS/HTTPS security, web performance optimization, caching strategies, cookies, tokens, and common interview questions, providing clear explanations, diagrams, and practical examples for developers.

HTTPProtocolsSecurity
0 likes · 66 min read
66 Essential Computer Network Concepts Every Developer Should Know
Programmer DD
Programmer DD
Jan 17, 2021 · Frontend Development

Inside Pornhub’s Front‑End: How Adult Sites Drive Web Innovation

An exclusive interview with a Pornhub front‑end engineer reveals how the adult‑industry pushes browser video limits, adopts new Web APIs like IntersectionObserver and Picture‑in‑Picture, and tackles performance, testing, and cross‑platform challenges to stay at the cutting edge of web development.

Web APIsWeb Performancefrontend
0 likes · 11 min read
Inside Pornhub’s Front‑End: How Adult Sites Drive Web Innovation
Liangxu Linux
Liangxu Linux
Dec 29, 2020 · Backend Development

Why HTTP/3 Matters: From TCP Limits to QUIC’s Breakthrough

This article traces the evolution of HTTP from its 1991 origins through HTTP/1.0, 1.1, SPDY, and HTTP/2, explaining why the shift to UDP‑based QUIC in HTTP/3 promises faster, more secure web delivery while also highlighting the new protocol’s challenges.

HTTPNetworkingQUIC
0 likes · 14 min read
Why HTTP/3 Matters: From TCP Limits to QUIC’s Breakthrough
Sensors Frontend
Sensors Frontend
Dec 14, 2020 · Frontend Development

Top Frontend Techniques: Micro‑Frontends, CSS @apply, Canvas Signatures, SSR & More

Explore a curated collection of cutting‑edge frontend knowledge—including a zero‑cost micro‑frontend framework, reasons to drop CSS @apply, canvas‑based electronic signatures with PDF output, large‑scale SSR strategies, Chrome 87 enhancements, ECMAScript 2021 features, XSS defenses, automated SVG icon delivery, ESLint best practices, JavaScript metaprogramming, node_modules pitfalls, Monorepo management, and Rax mini‑program runtime insights.

DevOpsJavaScriptSecurity
0 likes · 10 min read
Top Frontend Techniques: Micro‑Frontends, CSS @apply, Canvas Signatures, SSR & More
Sensors Frontend
Sensors Frontend
Dec 7, 2020 · Frontend Development

Top Frontend Insights: Micro‑Frontends, G6, Code Quality, CDN, CSS & More

This curated collection presents concise overviews of recent front‑end advancements, covering micro‑frontend architecture in Xiaomi CRM, G6 4.0 visual analytics, code‑quality best practices, 2020's hottest technologies, CDN fundamentals, CSS trends, component design, TypeScript popularity, VSCode inspection tools, watermark techniques, GPU.js acceleration, React DOM manipulation, and the top JS13K 2020 games.

Component DesignJavaScriptMicro Frontends
0 likes · 9 min read
Top Frontend Insights: Micro‑Frontends, G6, Code Quality, CDN, CSS & More
Efficient Ops
Efficient Ops
Dec 6, 2020 · Fundamentals

Mastering HTTP: From Basics to HTTP/2, TLS, and Beyond

This article explains the fundamentals of HTTP, the differences between GET and POST, common status codes, HTTPS and TLS handshakes, the performance improvements of HTTP/2, binary framing, multiplexing, header compression, server push, QUIC, DNS resolution, and the complete browser loading process from URL to rendered page.

HTTPHTTP2TLS
0 likes · 17 min read
Mastering HTTP: From Basics to HTTP/2, TLS, and Beyond
IT Xianyu
IT Xianyu
Dec 4, 2020 · Operations

10 Tips to Achieve 10× Application Performance with NGINX

This article explains why web application performance is critical, presents ten practical optimization techniques—including reverse proxy, load balancing, caching, compression, SSL/TLS tuning, HTTP/2, software upgrades, Linux and web‑server tuning, and real‑time monitoring—to help developers and operators achieve up to tenfold speed improvements.

HTTP/2Linux TuningSSL/TLS
0 likes · 22 min read
10 Tips to Achieve 10× Application Performance with NGINX
Top Architect
Top Architect
Nov 30, 2020 · Operations

10 Tips to Achieve Up to 10× Web Application Performance with NGINX

This article presents ten practical recommendations—including reverse‑proxy deployment, load balancing, caching, compression, SSL/TLS optimization, HTTP/2/SPDY adoption, software upgrades, Linux and web‑server tuning, and real‑time monitoring—to dramatically improve web‑application performance, potentially reaching tenfold speed gains.

Linux TuningWeb Performanceload balancing
0 likes · 23 min read
10 Tips to Achieve Up to 10× Web Application Performance with NGINX
Taobao Frontend Technology
Taobao Frontend Technology
Nov 19, 2020 · Frontend Development

How Alibaba’s EVA System Delivered Lightning‑Fast, Stable Double‑11 Interactive Cats

This article explains how the Alibaba interactive team built a custom EVA‑based front‑end solution—including page rendering infrastructure, a specialized development system, and global stability measures—to achieve ultra‑fast loading, zero‑fault operation, and record‑breaking participation for the Double‑11 "Super Star Cat" campaign.

EVARaxWeb Performance
0 likes · 13 min read
How Alibaba’s EVA System Delivered Lightning‑Fast, Stable Double‑11 Interactive Cats
政采云技术
政采云技术
Oct 29, 2020 · Frontend Development

How to Build a Custom Frontend Performance Testing System from Scratch

This article explains how to design and implement a bespoke performance testing platform for web pages using Lighthouse, Puppeteer, and Node.js, covering architecture, data collection, hook functions, gatherer modules, scoring logic, and automated weekly reporting.

LighthousePerformance TestingPuppeteer
0 likes · 18 min read
How to Build a Custom Frontend Performance Testing System from Scratch
vivo Internet Technology
vivo Internet Technology
Oct 22, 2020 · Frontend Development

Optimizing Front‑End Resource Loading with preload and prefetch

The article explains how to improve front‑end performance by using the browser hints preload and prefetch—preload for critical resources like fonts, prefetch for resources needed later—showing practical examples, webpack automation, best‑practice guidelines, and common pitfalls to avoid.

Web Performancebrowser cachingfrontend
0 likes · 14 min read
Optimizing Front‑End Resource Loading with preload and prefetch
Xiao Lou's Tech Notes
Xiao Lou's Tech Notes
Oct 11, 2020 · Backend Development

Master OpenResty: Install, Hello World, and Real‑World Lua Routing

This tutorial walks through installing OpenResty, creating a simple hello‑world service, and implementing a practical Lua‑based request routing example that distinguishes single‑ versus multiple‑UID POST bodies, complete with Nginx configuration, Go backend code, and testing steps.

DockerLuaOpenResty
0 likes · 9 min read
Master OpenResty: Install, Hello World, and Real‑World Lua Routing
Efficient Ops
Efficient Ops
Sep 30, 2020 · Fundamentals

How CDN Technology Supercharges Web Performance and Reduces Latency

This article explains what a Content Delivery Network (CDN) is, how it works through DNS and smart scheduling, its key components, and essential terminology such as CNAME records, origin host, and protocol origin, illustrating how CDN optimizes web traffic and speeds up user access.

CDNContent Delivery NetworkDNS
0 likes · 11 min read
How CDN Technology Supercharges Web Performance and Reduces Latency
Efficient Ops
Efficient Ops
Aug 18, 2020 · Fundamentals

Mastering HTTP: From Basics to HTTP/2, TLS, QUIC and DNS Explained

This article provides a comprehensive overview of HTTP fundamentals, compares GET and POST, explains common status codes, details HTTPS and TLS mechanisms, introduces HTTP/2 features such as binary framing, header compression and server push, and walks through the full request‑response flow from DNS lookup to page rendering.

HTTPHTTP/2TLS
0 likes · 15 min read
Mastering HTTP: From Basics to HTTP/2, TLS, QUIC and DNS Explained
Programmer DD
Programmer DD
Aug 18, 2020 · Backend Development

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

Web performance is critical in today's online economy; this article explains ten practical NGINX‑based techniques—including reverse proxy, load balancing, caching, compression, SSL/TLS tuning, HTTP/2, software upgrades, Linux tweaks, server tuning, and real‑time monitoring—that together can deliver up to tenfold speed improvements and higher conversion rates.

HTTP/2SSL/TLSWeb Performance
0 likes · 23 min read
How to Boost Web App Performance 10× with NGINX: 10 Proven Tips
Architect
Architect
Aug 12, 2020 · Backend Development

10 Tips to Achieve 10× Web Application Performance with NGINX

This article explains why web performance is critical, presents ten practical NGINX‑based recommendations—including reverse proxy, load balancing, caching, compression, SSL/TLS optimization, HTTP/2, software upgrades, Linux tuning, and real‑time monitoring—to help developers and operators dramatically improve application speed and reliability.

SSL/TLSWeb Performancecompression
0 likes · 21 min read
10 Tips to Achieve 10× Web Application Performance with NGINX
Aotu Lab
Aotu Lab
Aug 12, 2020 · Frontend Development

Boost WeChat Mini‑Program Performance: Proven Techniques from JD’s 京喜 Home Page

This article details JD’s 京喜 mini‑program performance overhaul, covering user‑centric metrics, dual‑thread architecture, code‑size reduction, asset optimization, plugin‑based rendering, data‑handling strategies, and memory management to dramatically improve startup, rendering, and overall user experience.

Performance OptimizationTaroWeChat Mini Program
0 likes · 41 min read
Boost WeChat Mini‑Program Performance: Proven Techniques from JD’s 京喜 Home Page
Top Architect
Top Architect
Jul 27, 2020 · Operations

10 Practical Tips to Boost Web Application Performance Up to 10× with NGINX

This article presents ten actionable recommendations—including reverse‑proxy deployment, load balancing, caching, compression, SSL/TLS tuning, HTTP/2 adoption, software upgrades, Linux and web‑server tuning, and real‑time monitoring—to dramatically improve web application performance, often achieving tenfold speed gains.

NGINXWeb Performancecaching
0 likes · 22 min read
10 Practical Tips to Boost Web Application Performance Up to 10× with NGINX
Architecture Digest
Architecture Digest
Jul 22, 2020 · Backend Development

10 Tips to Achieve 10× Application Performance with NGINX

This article presents ten practical NGINX‑based techniques—including reverse proxy deployment, load balancing, caching, compression, SSL/TLS optimization, HTTP/2 adoption, software upgrades, Linux tuning, web‑server configuration, and real‑time monitoring—that together can boost web‑application throughput and latency by up to an order of magnitude.

Linux TuningSSL/TLSWeb Performance
0 likes · 22 min read
10 Tips to Achieve 10× Application Performance with NGINX
Java Backend Technology
Java Backend Technology
Jul 21, 2020 · Operations

10 Proven Strategies to Boost Web Application Performance 10‑Fold with NGINX

This article outlines ten practical techniques—including reverse proxy deployment, load balancing, caching, data compression, SSL/TLS optimization, HTTP/2 adoption, software upgrades, Linux tuning, web server configuration, and real‑time monitoring—that together can dramatically improve web application speed, reliability, and security.

HTTP/2Linux TuningNGINX
0 likes · 22 min read
10 Proven Strategies to Boost Web Application Performance 10‑Fold with NGINX
Alibaba Terminal Technology
Alibaba Terminal Technology
Jul 15, 2020 · Frontend Development

How Bundleless Development with ESModules Supercharges Frontend Speed

This article explains why traditional bundlers like Webpack become slower as projects grow, introduces the Bundleless approach that leverages native ESModule loading in browsers, details core techniques and Vite implementation, and shares a real‑world POS case study showing dramatic improvements in startup and HMR performance.

BundlelessESModuleHot Module Replacement
0 likes · 17 min read
How Bundleless Development with ESModules Supercharges Frontend Speed
Programmer DD
Programmer DD
Jul 9, 2020 · Cloud Computing

Boost Web Performance with CDN: Basics, How It Works, and Best Practices

This article explains how Content Delivery Networks (CDNs) dramatically reduce page load times by caching static resources near users, outlines the step‑by‑step request flow, discusses cache strategies, and highlights both the advantages and limitations of CDN adoption.

CDNCacheContent Delivery Network
0 likes · 9 min read
Boost Web Performance with CDN: Basics, How It Works, and Best Practices
Programmer DD
Programmer DD
Jul 5, 2020 · Backend Development

How to Boost Your Web Application Performance by 10× with NGINX

This article explains why web performance matters, presents ten practical NGINX‑based techniques—including reverse proxy, load balancing, caching, compression, SSL/TLS optimization, HTTP/2, software upgrades, Linux and web‑server tuning, and real‑time monitoring—to help you achieve up to tenfold speed improvements.

HTTP/2NGINXSSL/TLS
0 likes · 25 min read
How to Boost Your Web Application Performance by 10× with NGINX
HelloTech
HelloTech
Jul 1, 2020 · Frontend Development

Developing a Lighthouse Plugin for Web and Mini‑Program Performance Monitoring

The article explains how Harbor Front‑End extends Lighthouse with a custom plugin—defining gatherers, audits, and categories—to uniformly monitor web pages and mini‑programs, illustrating setup, a sample native API‑call logger, and configuration steps that produce detailed performance reports alongside standard Lighthouse metrics.

JavaScriptLighthouseMini Program
0 likes · 14 min read
Developing a Lighthouse Plugin for Web and Mini‑Program Performance Monitoring
Ctrip Technology
Ctrip Technology
Jun 11, 2020 · Frontend Development

Evolution of Static Resource Infrastructure and CDN Practices at Ctrip

The article chronicles the development of static resource services—from early ASP examples and static‑dynamic separation to modern CDN, cloud storage, URL handling, online concatenation, and multi‑region deployment—highlighting technical decisions, performance trade‑offs, and future challenges for front‑end infrastructure.

CDNCephFrontend Infrastructure
0 likes · 34 min read
Evolution of Static Resource Infrastructure and CDN Practices at Ctrip
Alibaba Cloud Developer
Alibaba Cloud Developer
Jun 9, 2020 · Frontend Development

How to Transform Existing Websites into Native‑Like Experiences with Low‑Cost Same‑Screen Rendering

This article explains why web apps still feel slower than native apps, analyzes the performance gaps of traditional client‑side rendering, and introduces a low‑cost, progressive “same‑screen rendering” approach—using a sandbox, parallel API loading, and browser‑like HTML rendering—to deliver native‑like user experiences without major rewrites.

API Parallel LoadingFrontend OptimizationProgressive Web Apps
0 likes · 12 min read
How to Transform Existing Websites into Native‑Like Experiences with Low‑Cost Same‑Screen Rendering
Qborfy AI
Qborfy AI
Jun 2, 2020 · Frontend Development

Model‑Driven Front‑End Architecture & Latest Web Trends: A Weekly Tech Digest

This weekly digest explores model‑centric front‑end architecture challenges, monorepo benefits, new Chrome performance metrics, a hands‑on evaluation of Webpack 5, and edge‑enabled rendering techniques, offering concrete examples and practical insights for modern web developers.

Edge ComputingWeb Performancearchitecture
0 likes · 6 min read
Model‑Driven Front‑End Architecture & Latest Web Trends: A Weekly Tech Digest
WecTeam
WecTeam
Mar 26, 2020 · Frontend Development

Boost WeChat Mini Program Performance: Proven Strategies & Metrics

This article details comprehensive techniques for optimizing the performance of WeChat Mini Programs, covering metrics definition, Taro framework usage, code and asset reduction, rendering improvements, memory management, and real‑world results from the 京喜 homepage, providing actionable guidance for developers.

Code SplittingPerformance OptimizationTaro
0 likes · 39 min read
Boost WeChat Mini Program Performance: Proven Strategies & Metrics
360 Tech Engineering
360 Tech Engineering
Mar 25, 2020 · Frontend Development

Service Worker Overview: Concepts, Caching Strategies, Lifecycle, and Practical Implementation

This article introduces Service Workers as the core technology of progressive web apps, explains their advantages, security constraints, lifecycle events, CacheStorage API usage, various caching strategies, version‑controlled caching with webpack, background synchronization, and demonstrates how to pass data using IndexedDB, all illustrated with complete code examples.

Background SyncCacheStorageIndexedDB
0 likes · 21 min read
Service Worker Overview: Concepts, Caching Strategies, Lifecycle, and Practical Implementation
High Availability Architecture
High Availability Architecture
Feb 15, 2020 · Fundamentals

Adding Artificial Latency to Websites to Reduce Internet Addiction

The article explains how intentional network latency can curb excessive internet use, cites data showing sales loss per 100 ms delay, and provides practical methods using tools like Crackbook Revival, Charles Proxy, and Network Link Conditioner to introduce controlled delays on desktops, laptops, and mobile devices.

User experienceWeb Performanceinternet addiction
0 likes · 6 min read
Adding Artificial Latency to Websites to Reduce Internet Addiction
Efficient Ops
Efficient Ops
Jan 14, 2020 · Operations

Mastering HTTP Performance: 4 Key Dimensions to Optimize Speed and Scalability

This article presents a comprehensive guide to HTTP performance optimization, covering encoding efficiency, channel utilization, transport path enhancements, and security improvements, enabling developers and operators to reduce latency, save bandwidth, and handle massive concurrency effectively.

HTTPPerformance OptimizationTLS
0 likes · 17 min read
Mastering HTTP Performance: 4 Key Dimensions to Optimize Speed and Scalability
Programmer DD
Programmer DD
Dec 5, 2019 · Frontend Development

How We Boosted Website Speed by 24% Using 3 Unusual Frontend Tricks

In this article we detail how a Swiss job‑search platform improved user experience and SEO by applying three unconventional frontend techniques—JSON preloading, a lightweight client‑side cache, and trimming CSS/JS bundles—to cut overall load time by 24%, with some reports showing up to a 43% reduction.

Frontend OptimizationWeb Performanceasset reduction
0 likes · 6 min read
How We Boosted Website Speed by 24% Using 3 Unusual Frontend Tricks
Taobao Frontend Technology
Taobao Frontend Technology
Oct 16, 2019 · Frontend Development

Rax 1.0: Faster Bundles, Hooks, and Alipay Mini‑Program Support

Rax 1.0 introduces a major version upgrade with Hooks, Alipay mini‑program support, a dramatically reduced bundle size, improved web experience and server‑side rendering, while providing richer documentation, plugin architecture, and a new website to boost development efficiency.

Alipay Mini ProgramRaxSSR
0 likes · 4 min read
Rax 1.0: Faster Bundles, Hooks, and Alipay Mini‑Program Support
Efficient Ops
Efficient Ops
Oct 7, 2019 · Backend Development

Unlock Faster Web Performance: Master HTTP/2, TLS 1.3, ECC & Brotli on Nginx

This article explains the core features of HTTP/2, TLS 1.3, ECC and Brotli, and provides practical Nginx configuration steps—including binary framing, header compression, flow control, multiplexing, request priority, server push, and module compilation—to dramatically improve web latency and bandwidth efficiency.

BrotliECCHTTP/2
0 likes · 16 min read
Unlock Faster Web Performance: Master HTTP/2, TLS 1.3, ECC & Brotli on Nginx
AutoHome Frontend
AutoHome Frontend
Sep 26, 2019 · Frontend Development

Why TTFB Matters: Uncovering the Hidden Delays Behind Web Page Loads

This article explains what Time to First Byte (TTFB) actually measures, why network latency and server processing heavily influence it, and lists the many factors—from DNS lookup to CDN routing—that can increase TTFB, helping developers prioritize performance improvements.

CDNNetwork LatencyServer Timing
0 likes · 9 min read
Why TTFB Matters: Uncovering the Hidden Delays Behind Web Page Loads
政采云技术
政采云技术
Sep 3, 2019 · Frontend Development

Automated Web Performance Optimization Analysis System – “Baice” Overview

This article introduces the Baice web performance optimization platform built by the Zhengcai Cloud front‑end team, explaining synthetic and real‑user monitoring, the Lighthouse workflow, custom extensions using Puppeteer, metric weighting, detection models, scoring, optimization suggestions, and trend analysis for improving page speed and user experience.

Frontend OptimizationLighthousePuppeteer
0 likes · 10 min read
Automated Web Performance Optimization Analysis System – “Baice” Overview
vivo Internet Technology
vivo Internet Technology
Jul 3, 2019 · Frontend Development

Common Front-End Error Types and Their Capture Methods

Front‑end monitoring must capture JavaScript runtime errors, resource loading failures, unhandled promise rejections, and asynchronous request issues using window.onerror, error event listeners, unhandledrejection handlers, and fetch/XHR wrappers, while also handling framework‑specific hooks and cross‑origin script restrictions through CORS or manual try‑catch reporting.

JavaScriptWeb PerformanceXHR
0 likes · 11 min read
Common Front-End Error Types and Their Capture Methods
MaoDou Frontend Team
MaoDou Frontend Team
Jun 19, 2019 · Fundamentals

Why HTTP/2 Matters: Key Features and Performance Boosts Explained

HTTP/2, the first major update to HTTP since 1.1, introduces binary framing, multiplexing, server push, and header compression, dramatically improving web performance by reducing latency, consolidating connections, and optimizing resource delivery, as detailed in this comprehensive overview.

Binary FramingHTTP/2Header Compression
0 likes · 6 min read
Why HTTP/2 Matters: Key Features and Performance Boosts Explained
360 Tech Engineering
360 Tech Engineering
Jun 17, 2019 · Frontend Development

Making Your Web Pages Smooth: Performance Optimization Techniques

This article explains how to make web pages feel smooth by defining user‑perceived fluidity, discussing passive and active interactions, FPS targets, the RAIL model, pixel pipeline optimization, avoiding long tasks with Web Workers and time‑slicing, selector efficiency, layout thrashing, layer management, and using requestAnimationFrame.

RAIL modelTime SlicingWeb Performance
0 likes · 21 min read
Making Your Web Pages Smooth: Performance Optimization Techniques
360 Tech Engineering
360 Tech Engineering
Jun 5, 2019 · Frontend Development

Deep Dive into Modern Web Browser Architecture: Architecture, Navigation, Rendering, and Interaction

This article provides a comprehensive, step‑by‑step exploration of modern browsers—covering Chrome’s multi‑process architecture, the navigation pipeline from URL entry to page load, the rendering stages (HTML parsing, style calculation, layout, painting, compositing), and how user interactions are processed and optimized.

Browser ArchitectureRendering PipelineWeb Performance
0 likes · 23 min read
Deep Dive into Modern Web Browser Architecture: Architecture, Navigation, Rendering, and Interaction
360 Zhihui Cloud Developer
360 Zhihui Cloud Developer
May 23, 2019 · Backend Development

Is HTTP/2 Worth It? Benefits, Drawbacks, and Future Outlook

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.

Backend DevelopmentHTTP/2Server Push
0 likes · 8 min read
Is HTTP/2 Worth It? Benefits, Drawbacks, and Future Outlook