This article walks developers through setting up Lighthouse to evaluate Thorium’s web performance, explains the benchmark scores, and provides concrete GN and V8 configuration tweaks, media‑codec settings, and JavaScript optimizations to achieve higher Lighthouse ratings.
This tutorial walks you through deploying the AI‑powered Clawdbot agent on Tencent Cloud Lighthouse, covering server creation, SSH access, one‑click template installation, interactive onboarding configuration, model and Discord integration, gateway startup, pairing, and verification to achieve a continuously running personal AI assistant.
This guide shows non‑coding software test engineers how to conduct effective performance testing by selecting visual tools, following a clear three‑step process, interpreting business‑focused metrics, and avoiding code‑intensive scenarios, enabling them to deliver reliable results without writing code.
This article explains how integrating real‑user‑focused frontend performance testing into development, testing, and release pipelines—using metrics like FCP, LCP, INP, CLS, and TTFB, along with tools such as Lighthouse, RUM, and automated page traversal—ensures products meet user expectations, drive business goals, and stay competitive.
This article describes the design and implementation of an automated H5 performance testing platform that integrates UI automation, mitmproxy traffic capture, waterfall visualization, and Lighthouse scoring to continuously monitor, evaluate, and improve web page performance in mobile applications.
This article describes how a legacy Vue2‑based cloud management system was profiled with Lighthouse and webpack‑bundle‑analyzer, then optimized through static asset compression, dead‑code removal, tree‑shaking, code‑splitting, async loading and server tweaks, achieving a three‑fold reduction in bundle size and a 13.6‑second improvement in first‑contentful‑paint time.
This article explores how the depth of a webpage's DOM tree influences memory usage, style calculations, and rendering performance, presenting experiments that compare shallow and deeply nested structures and offering practical tips for monitoring and optimizing DOM depth.
This article explains why Lighthouse removed the Time to Interactive (TTI) metric after version 10, describes how TTI was calculated, discusses its inaccuracies, and introduces the more reliable replacement metrics such as Total Blocking Time (TBT), First Input Delay (FID) and Interaction to Next Paint (INP) for assessing web performance.
This article walks through a real‑world front‑end performance overhaul, showing how Lighthouse metrics were used to identify bottlenecks, detailing code‑splitting, lazy‑loading, asset compression, SEO fixes, and monitoring setup that together boosted the site’s speed by nearly three times.
This article walks through a real‑world front‑end performance overhaul, explaining how Lighthouse metrics revealed major bottlenecks, detailing practical optimizations such as code splitting, lazy loading, image format changes, and CSP setup, and showing how monitoring tools keep the site fast over time.
This article walks through a comprehensive front‑end performance optimization process—starting from diagnosing issues with Lighthouse, identifying bottlenecks such as large bundle size and uncompressed assets, applying code splitting, lazy loading, image optimization, CSP, SEO tweaks, and finally setting up continuous monitoring with a custom platform—to achieve a 279% improvement in Lighthouse performance scores and near‑three‑fold speed gains.
This article explains the essential front‑end performance metrics—FCP, Speed Index, LCP, TBT, and CLS—detailing their definitions, target values, and practical optimization techniques to improve page load speed and visual stability.
This newsletter issue teaches frontend developers how to simplify TypeScript typings with mapped and index types, extend Chrome Lighthouse by adding custom gatherers and audits for static resources, and effectively use React portals for modals and other UI elements while handling events and styling correctly.
This article presents the design and implementation of Tencent Lighthouse's Fusion Analysis Engine, covering its background, challenges, fusion architecture, kernel optimizations, acceleration techniques, practical outcomes, and future evolution directions for high‑performance data access.
This article explains what Lighthouse is, how to run it via Chrome extensions, DevTools, CLI or Node.js, details its internal architecture, driver and pass configuration, gatherer and trace processing, and shows how audits generate performance reports with scoring based on HTTP Archive data.
This article explains the core H5 page performance metrics such as FCP, LCP, CLS, TTI, and TBT, describes how to measure them with Lighthouse, and provides comprehensive network‑ and rendering‑layer optimization techniques along with real‑world case studies from the PLUS team to improve user experience.
This article explains how a self‑built performance testing platform leverages data‑statistical models, such as scoring and interval models based on normal distribution and percentile analysis, to quantify web‑page metrics, guide automated and semi‑automated optimizations, and integrate with CI/CD workflows for frontend development.
This article explains how to use Google Lighthouse to measure key frontend performance metrics such as FCP, LCP and Speed Index, and provides practical optimization strategies—including reducing unused JavaScript, lazy‑loading images, using async/defer, code splitting, and Vue‑specific tricks like functional components and virtual scrolling—to improve scores on both local and production environments.
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 guide explains what SEO is, why it matters, how front‑end developers can audit on‑page SEO using Chrome Lighthouse, and provides practical recommendations for writing title, description, keywords, semantic HTML, CSS, and image alt attributes to improve search engine visibility.
The DeWu app boosted WebView H5 page load speed by combining native‑level tactics—static JS/CSS bundling, HTML preloading—and web‑only strategies such as SSR, WebP image conversion, unused‑component removal, on‑demand lodash loading, and off‑screen image lazy‑loading, raising second‑open rates from ~5% to ~40%, improving Lighthouse scores by over 20% and cutting transferred bytes by roughly 20%, delivering an overall ~10% performance gain.
Front‑end performance monitoring lets developers detect issues early, compare synthetic and real‑user approaches, track key metrics like LCP, FID, and CLS, and gather data via the web‑vitals library, Performance API, and error‑tracking hooks to systematically improve load speed, interactivity, and visual stability.
The article compares client‑side and server‑side rendering, defines key user‑perceived metrics such as FCP, LCP and a custom weighted‑area FMP, explains how to measure them with MutationObserver and performance APIs, and outlines business‑ and page‑level analysis plus optimizations—including pre‑loading, WebP images, bundle trimming and SSR tweaks—that collectively boost Lighthouse scores by over 20% and reduce data transfer by roughly 20%.
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.
The guide explains Google’s Lighthouse 6.0 scoring system, detailing the new core metrics—Largest Contentful Paint, Total Blocking Time, and Cumulative Layout Shift—their weightings alongside FCP, Speed Index, and Time‑to‑Interactive, and how developers can use them to scientifically assess and improve front‑end page performance.
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.
The article explains how to diagnose and improve frontend performance using Chrome DevTools—particularly Lighthouse for synthetic audits and the Performance panel for runtime profiling—while covering key metrics, automation via the Chrome DevTools Protocol, and the distinction between synthetic monitoring and real‑user 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.
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.
This article explains how front‑end developers can analyze and shrink their JavaScript bundles by using Chrome DevTools, Lighthouse’s unused‑code audit, and visual tools such as Webpack Bundle Analyzer, and provides practical tips for removing unused or unnecessary libraries.
This article walks through practical web performance optimization techniques—such as removing unused resources, effective caching, code splitting, image compression, lazy loading, and resource hints—demonstrated on the Oodles Theater demo app, showing how Lighthouse audits guide measurable improvements.
Front‑end performance, crucial for traffic and conversion, can be optimized by combining traditional non‑visual metrics (like DNS time, TTFB, and First Paint) with perceptual visual metrics (FCP, FMP, Speed Index, PSI), using tools such as Lighthouse, Chrome DevTools, and the custom Twilight video‑analysis utility, as demonstrated by a Vue‑based flight‑ticket site achieving up to 80% FMP improvement.
This article explains what Progressive Web Apps are, compares them with native apps, discusses mobile web usage trends in China, describes key PWA features, outlines testing tools like Lighthouse, and examines performance metrics that focus on user perception rather than traditional load events.
