Skip to main content

🦾 [Automation] Chrome DevTools MCP - A Technical Deep Dive

· 14 min read
卤代烃
微信公众号@卤代烃实验室

cdm-hero.jpg

On September 23, 2025, Google released Chrome DevTools MCP, currently at version 0.9.0. Google positions it as an assistant for AI coding agents to handle debugging and performance testing, improving web development debug capabilities. See the official blog for use cases: Chrome DevTools (MCP) for your AI agent.

This post analyzes Chrome DevTools MCP's implementation by examining the source code and MCP output, exploring its capabilities and limitations.

⚡️ [Performance Optimization] How to Efficiently Get Meta Information from Base64 Images

· 9 min read
卤代烃
微信公众号@卤代烃实验室

get-base64-image-meta-info-hero-image.jpg

Hello everyone, it's been over a year since my blog was last updated. I guess the SEO ranking has dropped completely, and I don't know how many people will see this in the end.

Starting from May last year, due to organizational structure changes at work, I shifted from the performance optimization field to AI. Due to confidentiality agreements, I can't say much about the specific content, so I haven't updated for a long time. This year, my work direction has changed again, mainly focusing on GUI Agent work.

A year has passed, but the programming field has undergone earth-shaking changes. With the launch of tools like Cursor/Claude Code, everyone has basically broken free from the constraints of traditional programming methods (let's not worry about whether the generated code is correct, just ask if it's fast or not); many departments are not satisfied with the efficiency gains from external programming tools and have started building their own internal Agents, attempting to double efficiency in both business and engineering. Since my recent work involves more collaboration with large model teams, I feel this more deeply, and I'll have opportunities to share my insights slowly in the future.


🔍 [AI] An Introduction to RAG Systems

· 27 min read
卤代烃
微信公众号@卤代烃实验室

rag_hero.jpg

In 2025, discussing RAG (Retrieval-Augmented Generation) technology might not seem particularly fashionable in the rapidly evolving AI landscape. However, from a practical implementation perspective, RAG offers low technical barriers and significant performance improvements. With clear expected benefits, many institutions, companies, and departments are implementing RAG solutions, while researchers continue proposing various optimization approaches to enhance accuracy.

⚡️ [Performance] How the browser optimizes resource downloads with HTML Preload Scanner

· 8 min read
卤代烃
微信公众号@卤代烃实验室

html-preload-scanner-hero-image.jpg

Hello everyone, I am skychx, specializing in performance optimization.

When doing web-related performance optimization, it is necessary to have a certain understanding of the underlying principles of the browser, so that the page can better walk on the happy path. Today, let's understand a browser default performance optimization scheme that is rarely known by people - HTML Preload Scanner, and see how it optimizes the loading speed of network resources.

⚡️ [Performance] Three ways to observe network performance data in the browser.

· 7 min read
卤代烃
微信公众号@卤代烃实验室

observe-browser-network-hero-image.jpg

Introduction

There are various ways to observe network performance data with the browser's Devtools tool, but these data are presented in different ways. This article is to interpret these performance data presentation methods and make a longitudinal comparison to help more people optimize the performance problems brought by the network.

🛠️ [Hybrid App Dev] How to Locate the JS Code Injected into Hybrid Web Pages by Native

· 6 min read
卤代烃
微信公众号@卤代烃实验室

find_inject_js_hero_image.jpg

A webpage can not only run on public browsers, but also on the WebView component within the APP. Since these Hybrid Web pages run in a relatively closed environment, the APP itself can inject some JS code into WebView, making targeted enhancements to the Web page (the most typical application is JSBridge, which provides a bridge for Web <--> Native communication).

🪢 [Network Protocol] A Brief Discussion on the Evolution of HTTP Priority Algorithms

· 8 min read
卤代烃
微信公众号@卤代烃实验室

http_%20prioritization_hero_img.jpg

A couple of days ago on "Jike," I spontaneously wrote a brief history of HTTP priority development. I felt it was too rushed at the time, so I decided to write a blog to expand on it, analyzing the concept of "priority" longitudinally to see the development and evolution of these fundamental protocols.