#lighthouse

Is your site ready for AI agents? Lighthouse now has an answer

Google Lighthouse bổ sung hạng mục mới "Agentic Browsing" để kiểm tra mức độ sẵn sàng của website cho AI agents, cung cấp đánh giá pass/fail thay vì điểm 0-100. Các tiêu chí kiểm tra bao gồm: sự hiện diện của file llms.txt, tích hợp WebMCP, chất lượng cây truy cập (accessibility tree), và độ ổn định Cumulative Layout Shift (CLS).

Lập trình viên nên đọc bài này để hiểu cách chuẩn bị website cho tương tác với các bot AI tương tác trực tiếp với người dùng, từ đó tối ưu hóa hiệu suất, tính khả dụng và trải nghiệm cho các công cụ mới này.

Improve Website UX with Chrome DevTools and Core Web Vitals.

Sử dụng Chrome DevTools và Core Web Vitals giúp cải thiện trải nghiệm người dùng (UX) trên website, đặc biệt là tốc độ tải trang và độ ổn định hiển thị.

Lập trình viên nên đọc bài này để hiểu cách sử dụng Chrome DevTools và Core Web Vitals để tối ưu hóa tốc độ và trải nghiệm người dùng (UX) trên website, từ đó giảm thời gian chờ đợi và cải thiện hiệu suất thực tế của ứng dụng web.

Implement Website Best Practices With Lighthouse

Bài viết hướng dẫn cách thực hiện từng kiểm tra trong danh mục Best Practices của Lighthouse và cách khắc phục lỗi để đạt điểm tối đa 100.

Lighthouse giúp lập trình viên tối ưu hóa hiệu suất và chất lượng website bằng cách cung cấp các hướng dẫn cụ thể để cải thiện các tiêu chí như tốc độ, khả năng tương tác và SEO, từ đó nâng cao trải nghiệm người dùng và hiệu suất công việc.

A developer toolkit to make your website agent-ready

Google Chrome introduces a developer toolkit for making websites compatible with AI agents. The toolkit includes a new Lighthouse Agentic Browsing audit category (available from Chrome M150) that checks accessibility tree quality, visual stability via CLS, and WebMCP integration. WebMCP is a proposed standard for exposing structured tools to AI agents on existing websites. Chrome DevTools for Agents lets developers simulate agent interactions, invoke Lighthouse audits directly, and debug via screencasts. Modern Web Guidance provides best practices and a webmcp skill for coding agents to implement agent-ready features. Together these tools help developers ensure reliable, machine-readable website experiences for non-human users.

WebMCP: Optimize Your Website for AI Agents

WebMCP is a specification that lets websites expose structured capabilities to AI agents via the Model Context Protocol, instead of relying on traditional browser automation. It offers two implementation approaches: a declarative HTML-based API (adding attributes like toolname and tooldescription to forms) and an imperative JavaScript API using navigator.modelContext.registerTool(). Compared to DOM-scraping browser automation, WebMCP provides more reliable interactions, lower overhead, and resilience to UI changes. Chrome Canary now includes DevTools support for inspecting registered tools, and Lighthouse/PageSpeed Insights have added agentic browsing audits to validate WebMCP implementations. The post also covers how to monitor WebMCP health using DebugBear.