BestHub
Sign in
Tagged articles

web-optimization

45 articles · Page 1 of 1
Golang Shines
Golang Shines
Aug 13, 2026 · Backend Development

Cut page load from 5 s to 500 ms: 12 Nginx tuning parameters

The article explains that reducing page load from five seconds to 500 ms requires more than just tweaking a few Nginx directives, outlines a systematic workflow—baseline measurement, hypothesis, single‑parameter gray rollout, verification and rollback—and details twelve specific Nginx settings that can eliminate proven Web‑layer bottlenecks such as file‑descriptor limits, connection models, static‑file paths, compression and request buffering.

LinuxMonitoringNginx
0 likes · 26 min read
Cut page load from 5 s to 500 ms: 12 Nginx tuning parameters
MaGe Linux Operations
MaGe Linux Operations
Jul 30, 2026 · Operations

Cut Page Load from 5 s to 500 ms: 12 Essential Nginx Performance Tweaks

The article explains how to reduce overall page latency from five seconds to half a second by systematically measuring, hypothesizing, and tuning twelve Nginx directives—such as worker processes, file‑descriptor limits, keep‑alive settings, and gzip—while backing up configurations, performing gray‑scale rollouts, and validating results with curl and log analysis.

ConfigurationLinuxMonitoring
0 likes · 25 min read
Cut Page Load from 5 s to 500 ms: 12 Essential Nginx Performance Tweaks
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 31, 2025 · Frontend Development

Master Front-End Performance: Load, Run, Build, and Network Optimizations

This article systematically explores front‑end performance optimization across loading, runtime, build, and network stages, offering practical techniques such as resource compression, code splitting, tree shaking, CDN acceleration, render‑blocking reduction, lazy loading, Web Workers, and monitoring tools to dramatically improve page speed and user experience.

Code SplittingFrontend PerformanceTree-shaking
0 likes · 19 min read
Master Front-End Performance: Load, Run, Build, and Network Optimizations
Zhihu Tech Column
Zhihu Tech Column
Jun 25, 2025 · Frontend Development

How Zhihu’s Growth Team Supercharged Activity Page Performance: From Diagnosis to Real‑World Gains

This article reveals how Zhihu’s growth engineering team dissected activity‑page rendering bottlenecks, applied front‑end performance techniques such as early resource loading, image compression, pre‑rendering, and metric‑driven optimization (FCP, CLS, INP), and ultimately boosted page reach and conversion rates dramatically.

Frontendgrowthimage compression
0 likes · 23 min read
How Zhihu’s Growth Team Supercharged Activity Page Performance: From Diagnosis to Real‑World Gains
JavaScript
JavaScript
Jan 3, 2025 · Frontend Development

8 Proven Techniques to Supercharge Mobile Touch Event Performance

Discover eight practical strategies—including passive listeners, event delegation, scroll-through prevention, requestAnimationFrame, throttling, hardware acceleration, click-delay elimination, custom gestures, and IntersectionObserver—that dramatically boost mobile touch event responsiveness and deliver silky-smooth user experiences across web applications.

FrontendTouch Eventsmobile
0 likes · 5 min read
8 Proven Techniques to Supercharge Mobile Touch Event Performance
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 28, 2024 · Fundamentals

Comprehensive Guide to SEO Optimization Strategies

This article provides a detailed overview of SEO fundamentals, covering crawling, indexing, ranking, on‑page and tag optimization, keyword research, image and multimedia handling, social sharing, link building, site structure, performance, monitoring tools, and common pitfalls to help improve website visibility and traffic.

Content MarketingKeyword ResearchLink Building
0 likes · 16 min read
Comprehensive Guide to SEO Optimization Strategies
Qunhe Technology Quality Tech
Qunhe Technology Quality Tech
Jun 3, 2024 · Frontend Development

How to Diagnose and Optimize Frontend Performance in 2D Design Tools

This article outlines the challenges of front‑end performance troubleshooting for a 2D design tool, proposes systematic approaches for identifying issues, describes monitoring metrics such as load time and frame rate, and presents real‑world case studies demonstrating effective optimization and baseline management.

Frontend Performancemetricsperformance monitoring
0 likes · 11 min read
How to Diagnose and Optimize Frontend Performance in 2D Design Tools
php Courses
php Courses
Feb 18, 2024 · Backend Development

Implementing Information Retrieval and SEO with PHP

This article explains the fundamentals of information retrieval and search engine optimization and provides practical PHP code examples for keyword search, full‑text search, and common SEO techniques such as keyword, internal, and external link optimization.

SEOinformation retrievalkeyword-search
0 likes · 7 min read
Implementing Information Retrieval and SEO with PHP
Open Source Tech Hub
Open Source Tech Hub
Nov 29, 2023 · Backend Development

How to Enable Gzip Compression in Nginx for Faster Web Performance

This guide explains why Gzip compression improves web speed, lists the resource types it supports, shows how to verify Nginx’s gzip module, demonstrates performance before and after enabling gzip with configuration examples, and highlights the bandwidth and cost benefits.

Server configurationcompressiongzip
0 likes · 7 min read
How to Enable Gzip Compression in Nginx for Faster Web Performance
Ximalaya Technology Team
Ximalaya Technology Team
Nov 17, 2023 · Cloud Computing

Technical Case Study of Cloud Audio Editing: Challenges, Solutions, and Optimization

The case study details how the Cloud Editing team tackled severe waveform loading delays, zoom lag, and inefficient IndexedDB storage by refactoring the processing pipeline, standardizing multi‑transaction storage, adding monitoring and cleanup tools, and rigorously testing releases, ultimately cutting processing times by over half and dramatically improving user experience.

Frontend PerformanceIndexedDBTechnical Case Study
0 likes · 9 min read
Technical Case Study of Cloud Audio Editing: Challenges, Solutions, and Optimization
php Courses
php Courses
Nov 6, 2023 · Backend Development

Techniques for Optimizing Web Page Load Speed in PHP Development

Improving web page load speed is crucial for user experience, and PHP developers can employ methods such as caching, script and stylesheet compression, database query optimization, reducing HTTP requests, using CDNs, output compression, cache plugins, asynchronous loading, and image optimization to significantly enhance performance.

CDNDatabasePHP
0 likes · 5 min read
Techniques for Optimizing Web Page Load Speed in PHP Development
IT Services Circle
IT Services Circle
Jan 4, 2023 · Cloud Computing

Understanding CDN: How Content Delivery Networks Work and When to Use Them

This article explains the fundamentals of Content Delivery Networks (CDN), how they cache object‑storage files, the DNS resolution process with CNAME records, origin‑pull behavior on cache misses, performance trade‑offs, and guidelines for when CDN integration is beneficial or unnecessary.

CDNContent Delivery Networkcache
0 likes · 14 min read
Understanding CDN: How Content Delivery Networks Work and When to Use Them
ELab Team
ELab Team
Dec 13, 2022 · Frontend Development

Boost Your Site’s Traffic: Front‑End SEO Strategies from Zero to Success

This comprehensive guide walks front‑end developers through the entire SEO workflow—from understanding search engine mechanics and optimizing site structure, URLs, and TDK, to performance tuning, sitemap and API submission, link building, structured data, and monitoring—offering practical tactics to increase organic traffic.

FrontendSEOURL structure
0 likes · 20 min read
Boost Your Site’s Traffic: Front‑End SEO Strategies from Zero to Success
Sohu Tech Products
Sohu Tech Products
Oct 7, 2022 · Frontend Development

How GOV.UK Removed jQuery and Measured Its Performance Impact

In March, the UK government’s GOV.UK site eliminated jQuery from all front‑end applications, detailing the reasons, the removal process, and the resulting performance gains for users, especially on low‑spec devices, through extensive lab testing and real‑user monitoring.

FrontendGOV.UKJavaScript
0 likes · 7 min read
How GOV.UK Removed jQuery and Measured Its Performance Impact
NetEase Yanxuan Technology Product Team
NetEase Yanxuan Technology Product Team
Jul 18, 2022 · Frontend Development

From Zero to Mastery: How to Systematically Optimize Front‑End Performance

This comprehensive guide walks you through the entire front‑end performance optimization lifecycle—from understanding why performance matters and setting measurable goals, to building metrics, implementing concrete strategies across caching, networking, rendering, and finally validating results with monitoring and retrospectives.

Frontend Performancecritical rendering pathperformance metrics
0 likes · 18 min read
From Zero to Mastery: How to Systematically Optimize Front‑End Performance
Programmer DD
Programmer DD
May 24, 2022 · Frontend Development

How GOV.UK Boosted Performance by Dropping jQuery: 31% JS Size Reduction

Matt Hobbs, the front‑end lead at GOV.UK, removed jQuery from 13 applications, cutting JavaScript size by up to 49 % and improving key performance metrics such as processing time, First CPU Idle, and long‑task duration, even under poor network conditions.

FrontendjQuery removalperformance
0 likes · 3 min read
How GOV.UK Boosted Performance by Dropping jQuery: 31% JS Size Reduction
Alibaba Terminal Technology
Alibaba Terminal Technology
May 18, 2022 · Frontend Development

How Alibaba Cloud Security Achieved Sub‑Second Front‑End Performance with PWA and PCP

Alibaba Cloud Security’s front‑end team tackled the “1‑second battle” by redefining performance with the PCP metric and leveraging PWA techniques—service workers, skeleton screens, aggressive code‑splitting, and micro‑frontend architecture—to shrink perceived load times from seconds to sub‑400 ms across eight products.

Frontend PerformancePCP metricPWA
0 likes · 9 min read
How Alibaba Cloud Security Achieved Sub‑Second Front‑End Performance with PWA and PCP
TAL Education Technology
TAL Education Technology
Dec 2, 2021 · Frontend Development

Website Performance Optimization: Lazy Loading, CDN, Image Formats, Security Headers, and Bundle Reduction

This article details a comprehensive front‑end performance optimization project that includes lazy loading, CDN deployment, domain consolidation, image format conversion with AVIF/webp, security‑header hardening, and bundle size reduction by replacing large Moment.js dependencies with Luxon, all validated through WebPageTest and Lighthouse metrics.

CDNimage compressionsecurity headers
0 likes · 8 min read
Website Performance Optimization: Lazy Loading, CDN, Image Formats, Security Headers, and Bundle Reduction
Sohu Tech Products
Sohu Tech Products
Oct 6, 2021 · Frontend Development

Front‑End SEO Technical Optimization Guide

This article presents a comprehensive front‑end SEO checklist, covering passive and active optimization techniques such as site structure, meta tags, semantic links, speed improvements, external traffic acquisition, sitemaps, robots.txt, and search‑engine‑specific configurations to help developers enhance website visibility and ranking.

Meta TagsSEOrobots.txt
0 likes · 13 min read
Front‑End SEO Technical Optimization Guide
Sohu Tech Products
Sohu Tech Products
Aug 4, 2021 · Frontend Development

Optimizing Long List Rendering with CSS content-visibility

The article explains how the CSS content-visibility property can dramatically improve rendering performance of long lists by rendering only visible elements, demonstrates before‑and‑after benchmarks, discusses compatibility and edge‑case issues, and offers practical fixes such as contain‑intrinsic‑size.

Content-Visibilitybrowser compatibilityweb-optimization
0 likes · 8 min read
Optimizing Long List Rendering with CSS content-visibility
WeDoctor Frontend Technology
WeDoctor Frontend Technology
Jan 25, 2021 · Frontend Development

Boost Your Web App Speed: Proven Frontend Performance Hacks & Tools

This article walks through why frontend performance matters for user experience and SEO, then presents a comprehensive toolbox—including Chrome DevTools, Lighthouse, webPageTest, webpack plugins, HTTP caching, service workers, preload/prefetch, lazy loading, skeleton screens, and virtualization techniques—plus concrete code snippets and best‑practice rules to dramatically reduce load times and improve perceived responsiveness.

Frontend PerformanceLighthouseweb-optimization
0 likes · 18 min read
Boost Your Web App Speed: Proven Frontend Performance Hacks & Tools
58UXD
58UXD
Jan 13, 2021 · Frontend Development

How Redesigning a Used‑Car Valuation Page Boosted Leads by 50%+

A detailed case study shows how clarifying user scenarios, simplifying page modules, and enhancing visual hierarchy on a used‑car valuation result page increased high‑quality leads by over 50% and doubled daily revenue.

Case studyProduct RedesignUI design
0 likes · 7 min read
How Redesigning a Used‑Car Valuation Page Boosted Leads by 50%+
WeDoctor Frontend Technology
WeDoctor Frontend Technology
Jun 15, 2020 · Frontend Development

Optimizing Frontend Experience for Medical Platforms: Insights from WeDoctor

This article explores how frontend engineers at WeDoctor adapt experience design and performance metrics—such as page load time, interactive readiness, and second‑open rate—to the specific needs of the medical industry, detailing analysis methods, integration approaches, and future plans for micro‑frontend governance.

FrontendMedicalmetrics
0 likes · 15 min read
Optimizing Frontend Experience for Medical Platforms: Insights from WeDoctor
WecTeam
WecTeam
Apr 30, 2020 · Frontend Development

Boost Your Site Speed: Essential Front‑End Performance Checklist for 2020

This article presents a comprehensive front‑end performance checklist covering network optimizations like OCSP stapling, IPv6 adoption, HTTP/2 deployment, HTTP/3 readiness, HPACK compression, security hardening, testing workflows, continuous monitoring, and quick‑win tactics to dramatically improve page load times and user experience.

Frontend Performanceaccessibilityhttp2
0 likes · 20 min read
Boost Your Site Speed: Essential Front‑End Performance Checklist for 2020
Taobao Frontend Technology
Taobao Frontend Technology
Mar 25, 2020 · Frontend Development

Boost Web Performance with Code Splitting: Practical Guide & Tips

This article explains why reducing initial load resources is crucial for web performance, shows how to measure code utilization with Chrome DevTools, and provides detailed guidance on static and dynamic code splitting, magic comments, and webpack configurations to create faster, smoother front‑end applications.

Code SplittingFrontend Performanceweb-optimization
0 likes · 10 min read
Boost Web Performance with Code Splitting: Practical Guide & Tips
MaoDou Frontend Team
MaoDou Frontend Team
Sep 12, 2019 · Frontend Development

How to Supercharge Front-End Performance: From DNS to Rendering

This guide walks through front‑end performance optimization, covering DNS resolution, TCP connection, HTTP request/response, server response techniques like compression and CDN, and browser rendering improvements such as reducing reflows, using lazy loading, and best practices to shrink request time and improve perceived speed.

DNSFrontend PerformanceRendering
0 likes · 7 min read
How to Supercharge Front-End Performance: From DNS to Rendering
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Mar 6, 2019 · Frontend Development

Boost Your Web App with PWA: From Service Workers to First‑Load Optimization

This article explains what a Progressive Web App (PWA) is, how Service Workers enable caching of static, dynamic, and HTML resources, and provides practical techniques such as precaching, offline‑package replacement, update strategies, and a webpack plugin to streamline integration for faster first‑screen loads.

Frontend PerformancePWAService Worker
0 likes · 12 min read
Boost Your Web App with PWA: From Service Workers to First‑Load Optimization
Meituan Technology Team
Meituan Technology Team
Nov 15, 2018 · Frontend Development

Build-time Pre-rendering for Front-end Performance Optimization

The article explains how Meituan’s build‑time pre‑rendering, using a TypeScript decorator and PhantomJS to generate static HTML for selected routes, eliminates the first‑frame white screen, employs request hijacking for CDN assets, and achieves a 75% reduction in first‑contentful‑paint time, dramatically boosting mobile user experience.

CSRFrontendSSR
0 likes · 10 min read
Build-time Pre-rendering for Front-end Performance Optimization
BiCaiJia Technology Team
BiCaiJia Technology Team
Sep 25, 2017 · Frontend Development

30 Essential Front‑End Performance Hacks Every Developer Should Know

This article compiles a comprehensive checklist of front‑end performance techniques—ranging from reducing HTTP requests and using CDNs to caching Ajax, lazy loading, minimizing DOM size, avoiding redirects and iframes, and applying compression and caching headers—to help developers build faster, more responsive web pages.

CDNFrontend PerformanceHTTP Compression
0 likes · 28 min read
30 Essential Front‑End Performance Hacks Every Developer Should Know
Architecture Digest
Architecture Digest
Aug 6, 2017 · Operations

Website Performance Metrics and Optimization Strategies

This article explains key website performance metrics such as response time, concurrency, and throughput, presents typical values for various operations, and outlines practical optimization strategies for front‑end, application‑server, and storage layers, including caching, CDN, reverse proxy, clustering, and code improvements.

Response TimeThroughputcaching
0 likes · 9 min read
Website Performance Metrics and Optimization Strategies
Architecture Digest
Architecture Digest
Jun 13, 2017 · Fundamentals

Testing Google’s Guetzli JPEG Compression: Performance, Memory Usage, and Practical Tips

Google’s Guetzli JPEG compressor, which prioritizes perceptually important details, can dramatically shrink image sizes but demands high memory and CPU time; the article details real‑world tests, quality‑vs‑size trade‑offs, memory requirements, installation tips, and practical recommendations for using Guetzli in web projects.

GuetzliJPEGimage compression
0 likes · 6 min read
Testing Google’s Guetzli JPEG Compression: Performance, Memory Usage, and Practical Tips
ITFLY8 Architecture Home
ITFLY8 Architecture Home
Mar 4, 2017 · Frontend Development

Why JavaScript Parsing Slows Your Site and How to Speed It Up

This article examines how JavaScript parsing, compilation, and execution dominate web page startup time, presents data from V8 runtime statistics across desktop and mobile browsers, and offers practical techniques—such as code splitting, script streaming, and code caching—to dramatically reduce launch delays.

CompilationJavaScriptV8
0 likes · 15 min read
Why JavaScript Parsing Slows Your Site and How to Speed It Up
Architecture Digest
Architecture Digest
Apr 13, 2016 · Information Security

HTTPS Optimization: Protocol and Configuration Best Practices

This article explains how to improve HTTPS performance and security by optimizing protocol features such as TCP Fast Open, HSTS, session resumption, OCSP stapling, False Start, and SPDY/HTTP2, discusses computational enhancements like ECC and OpenSSL upgrades, and provides practical deployment guidance for large‑scale web sites.

HTTPSTLSsecurity
0 likes · 26 min read
HTTPS Optimization: Protocol and Configuration Best Practices
21CTO
21CTO
Dec 20, 2015 · Frontend Development

Why Cache Mechanisms Mirror Fractal Geometry: A Deep Dive into Front‑End Performance

This article explores how various caching techniques—from DNS and CDN to browser storage and pre‑loading—embody the space‑for‑time trade‑off and exhibit self‑similar fractal patterns, offering developers a unified perspective to optimize both front‑end and system‑level performance.

Frontendcachingfractal geometry
0 likes · 14 min read
Why Cache Mechanisms Mirror Fractal Geometry: A Deep Dive into Front‑End Performance
Art of Distributed System Architecture Design
Art of Distributed System Architecture Design
Mar 14, 2015 · Frontend Development

Understanding Web Front‑End Optimization and Static Site Generation

The article explains how web front‑end optimization, including static site generation, relies on improving browser‑server performance by addressing CPU, storage, and especially network bottlenecks, and argues that front‑end engineers should view themselves as browser‑application experts rather than just HTML/CSS/JS coders.

CPUIOnetwork
0 likes · 16 min read
Understanding Web Front‑End Optimization and Static Site Generation
MaGe Linux Operations
MaGe Linux Operations
Jun 23, 2014 · Databases

How a Simple Diagnostic Box Can Reveal and Fix Slow Database Queries

By adding a lightweight diagnostic box that displays each page’s database query count and total execution time, developers can quickly spot inefficient queries, compare development and production performance, and make informed optimizations, ultimately improving website speed and reliability.

Database PerformanceSQL queriesdiagnostic tools
0 likes · 5 min read
How a Simple Diagnostic Box Can Reveal and Fix Slow Database Queries