0 views collected around this technical thread.
This article explains how to reduce bundle size and improve load speed of large micro‑frontend projects by sharing common dependencies through CDN externalization, using tools such as qiankun, vite‑plugin‑cdn‑import, and Rollup plugins for HTML generation.
This comprehensive guide explains how to identify and resolve slow web page performance by addressing hardware resources, network configuration, and both front‑end and back‑end optimizations such as server upgrades, CDN usage, HTTP/2, image compression, code minification, caching, and efficient database queries.
This article explains what browser repaint (reflow) is, how screen refresh rates and the pixel pipeline work, the performance impact of excessive repaints—including CPU load and CLS—and provides practical strategies to minimize reflows for smoother web experiences.
This guide shows how to speed up Vue‑based web apps by configuring Nginx to serve gzip‑compressed files dynamically and using the compression‑webpack‑plugin to pre‑compress JavaScript and CSS during the build, cutting bundle size from megabytes to a few, and halving page‑load times without extra server load.
The article examines the end‑to‑end technical and design challenges of delivering a single customer‑service instant‑message, detailing reliability, ordering, idempotency, performance optimizations such as async handling and binary‑search traversal, security practices, latency reductions via Protocol Buffers, and a roadmap for future enhancements.
This report analyzes performance issues in a logistics platform, identifying backend IC card interface timeouts causing database connection pool exhaustion and frontend problems from excessive DOM elements and network loading, then proposes optimizations including interface migration, CDN, compression, preloading, domain sharding, and virtual scrolling.
This article presents a detailed summary of the AutoHome client team's performance optimization efforts for both the native mobile app and the H5 web frontend, covering background, specific tool and platform enhancements, metric‑driven improvements, process standardization, and future quality‑boosting initiatives.
Tencent’s Enterprise WeChat team built a hybrid H5 instant‑rendering solution that combines offline packages, global WebView pre‑creation, data pre‑fetching and JavaScript pre‑execution to cut first‑screen time from over a second to about 130 ms, achieving a 97 % pre‑heat container hit rate and dramatically improving interactive performance.
This article details a technical solution for balancing visual aesthetics and readability in mobile app text rendering, specifically addressing challenges of two-column justification with long English words and numbers by implementing manual hyphenation strategies.
This article chronicles the step‑by‑step optimization of a WeChat mini‑program, covering native stack choices, ES6+ adoption, modular architecture, versioning, code formatting, request abstraction, UI component migration, ESLint, unit testing, routing, environment handling, Gulp workflow, CSS variables, and sub‑package strategies.
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.
The Baidu Aifanfan lead list page evolved through six versions—from rapid MySQL‑based delivery to a metadata‑driven, ES‑backed architecture with Redis synchronization—culminating in a high‑availability, high‑performance system that slashed server latency from 25 seconds to under one second and cut frontend load times and static asset sizes dramatically.
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.
This article explains how to collect real‑user performance data with the W3C Performance APIs, defines key metrics such as first paint and TTI, and provides practical loading, caching, rendering, and framework optimization techniques to improve web page speed and user experience.
This article describes a method for shortening i18n keys in Feishu's frontend architecture by encoding them into compact strings, integrating the process into Babel and webpack pipelines, and demonstrates a 7.2 MB reduction in total page code size for over 11,000 keys.
This article explains the concepts of debouncing and throttling in frontend development, their differences, practical applications, and provides detailed analysis of Lodash's implementation with code examples.
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.
To dramatically improve page load speed, first diagnose whether slowness stems from client network, DNS, or server bottlenecks, then apply solutions such as scaling servers, optimizing TCP settings, enabling HTTP/2/QUIC, compressing assets, and most cost-effectively integrating a CDN for global edge caching and compression.
This article explains what Core Web Vitals are, why they matter for user experience, and provides detailed guidance on measuring and improving the three key metrics—Largest Contentful Paint, First Input Delay, and Cumulative Layout Shift—using Chrome tools, web‑vitals library, and best‑practice optimizations.
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.