Latest developer news about google-chrome, summarized in Vietnamese by AI.
Frontend Performance Optimization: A Practical Guide to Faster Web Pages Most frontend performance work isn’t about making everything load faster. It’s about making sure the browser spends its …
My browsing history knew which bookmarks I needed better than I did.
Chrome đang tích hợp responsively-sized iframes giúp điều chỉnh kích thước iframe linh hoạt theo thiết bị. Tính năng này sử dụng CSS scroll-marker-group modes và text-decoration-inset để tối ưu hiển thị nội dung lồng. Thay đổi này giải quyết vấn đề các iframe không responsive trên thiết bị di động. Lập trình viên nên tìm hiểu để tối ưu giao diện web, đặc biệt khi làm việc với nội dung nhúng. Các API mới này sẽ cải thiện trải nghiệm người dùng trên mọi thiết bị mà không cần JavaScript phức tạp.
Chrome for Developers cập nhật những tính năng mới nhất giúp bạn tối ưu trải nghiệm người dùng và tăng tốc quá trình phát triển web.
Out-of-order HTML streaming, một kỹ thuật cho phép người dùng xem và tương tác với trang web trước khi nó tải hoàn toàn, đang di chuyển từ các framework JavaScript vào trình duyệt. Các trình duyệt hiện tại đang tích hợp tính năng này thông qua API như Speculation Rules API để thực hiện streaming nội dung hiệu quả hơn. Việc chuyển giao xử lý này giúp tăng tốc độ hiển thị trang web lên đến 40% so với cách truyền thống. Các lập trình viên nên tìm hiểu kỹ vì đây là bước tiến quan trọng trong việc tối ưu hóa hiệu năng web. Điều đáng học là cách browser tự động phân thứ tự nội dung mà không cần sự can thiệp của framework.
Lập trình viên nên đọc bài này để cập nhật về kỹ thuật Out-of-Order HTML Streaming đang chuyển từ framework JavaScript vào trình duyệt, giúp tăng tốc độ tải trang và cải thiện trải nghiệm người dùng.
JavaScript’s built‑in Date object long suffered from mutability, zero‑based months and weak timezone support, leading developers to look for a better alternative. Temporal reached TC39 Stage 4 and was shipped in Chrome 144, bringing immutable plain objects, true timezone‑aware types and month numbering from 1 to 12. These changes eliminate common bugs such as off‑by‑one month errors and unintended mutations, making date/time code clearer and easier to test. The experience shows that fixing core design flaws with an immutable, standards‑driven API greatly boosts reliability, so teams should begin migrating to Temporal once it gains wider browser support. Adopting such APIs early can reduce technical debt and improve overall code quality.
Temporal giải quyết triệt để những nhược điểm lớn nhất của đối tượng Date trong JavaScript bằng kiểu dữ liệu không thể thay đổi, hỗ trợ múi giờ chính xác và loại bỏ việc tháng được đánh số bắt đầu từ 0.
Chrome 150 sẽ gỡ bỏ cơ chế override cuối cùng, khiến các extension dạng Manifest V2 như uBlock Origin ngừng hoạt động vào cuối tháng 6.
Lập trình viên nên đọc bài này để hiểu cách xây dựng và tương thích với các hệ thống mở rộng web mới, như Manifest V3, để bảo vệ tính độc lập của ứng dụng và mở rộng khả năng mở rộng của trình duyệt trong tương lai.
Bài chia sẻ tại Google I/O 2026 giới thiệu các tính năng mới cho Web UI như scroll-triggered animations, scoped view transitions, UI components và primitives CSS/HTML. Demo có sẵn trên CodePen, kèm bài viết chi tiết trên Chrome for Developers.
Lập trình viên nên đọc để cập nhật những công cụ UI hiện đại mới nhất từ Google, giúp tối ưu hóa giao diện web với các tính năng mới như chuyển tiếp hiển thị và hoạt động nhảy trượt, giúp cải thiện trải nghiệm người dùng và hiệu suất phát triển.
Các bài kiểm tra mới trên macOS cho thấy Brave for desktop vượt trội so với Chrome, Edge và Firefox về tốc độ tải trang, CPU, bộ nhớ, năng lượng và sử dụng mạng. Nguyên nhân kỹ thuật chính là cơ chế trình duyệt Brave sử dụng các công nghệ như Brave Shields và Brave Search để giảm đáng kể yêu cầu tài nguyên hệ thống. Hệ quả rõ rệt là Brave tiêu thụ ít bộ nhớ hơn 30% so với Chrome và sử dụng năng lượng thấp hơn khoảng 25%, giúp tăng thời lượng pin đáng kể. Điều đáng học hỏi là cách Brave tối ưu hóa hiệu suất thông qua việc chặn tự động các quảng cáo và trình theo dõi mà không cần người dùng can thiệp, một bài học về thiết kế trình duyệt hiệu quả cho các lập trình viên.
Lập trình viên nên đọc bài này để biết tại sao trình duyệt Brave for Desktop nhanh và hiệu quả hơn các trình duyệt khác khi làm việc với các ứng dụng web phức tạp.
Choose a macOS browser for AI agents: compare Chrome, Yab, Safari, and Firefox, then set up browser control and test a complete local example.
Tác giả đã dành thời gian đáng kể để kích hoạt WebGPU trên hệ điều hành Linux. Nguyên nhân chính nằm ở việc thiếu driver đồ họa tương thích và cần cài đặt đúng phiên bản Dawn SDK để hỗ trợ. Hệ quả là không thể chạy các ứng dụng AI và web graphics intensive như các demo machine learning. Bài viết cung cấp hướng dẫn chi tiết từng bước để giải quyết vấn đề này, rất hữu ích cho lập trình viên làm việc với WebGPU trên Linux.
Bài này chia sẻ kinh nghiệm thực tế khắc phục lỗi WebGPU trên Linux giúp bạn tiết kiệm thời gian tìm hiểu.
Browser extensions có thể đọc toàn bộ hoạt động của lập trình viên trong trình duyệt, và giải pháp là hạn chế quyền truy cập. Một nghiên cứu của USENIX năm 2025 trên 21 nhà phát triển extension cho thấy nhiều người nhận thức được rủi ro riêng tư nhưng thiếu nguồn lực để giải quyết. Hướng dẫn bao gồm bắt đầu với không quyền và thêm từng quyền một, tránh truy cập host rộng như <all_urls>, và gói code vì Manifest V3 hạn chế script được lưu trữ từ xa. Hai rủi ro thường gặp là thay đổi sở hữu như trường hợp The Great Suspender, và tài khoản nhà xuất bản bị xâm nhập như sự kiện Cyberhaven tháng 12/2024. VPN bảo vệ lưu lượng mạng nhưng không ngăn extension đọc nội dung trang.
Bài này giúp lập trình viên nhận thức và giảm thiểu rủi ro quyền riêng tư khi phát triển extension trình duyệt.
Bối cảnh: tác giả trước đây cố gắng giảm sự phân tâm bằng cách cài đặt nhiều tiện ích mở rộng (extensions) trên trình duyệt duy nhất. Nguyên nhân kỹ thuật: các tiện ích này thường chạy trong cùng một tiến trình và chia sẻ tài nguyên, vì vậy chúng không thể hoàn toàn chặn các trang web hoặc thông báo không liên quan đến công việc. Hệ quả: khi chuyển sang sử dụng một trình duyệt riêng cho công việc và một trình duyệt khác cho các hoạt động cá nhân, sự phân tán giảm đáng kể và tập trung làm việc cải thiện rõ rệt. Điều đáng học: thay vì continually tinh chỉnh các tiện ích, việc tách môi trường bằng cách sử dụng nhiều trình duyệt có thể giải quyết vấn đề gốc hiệu quả hơn. Điều này gợi ý rằng đối với các vấn đề liên quan đến môi trường làm việc, giải pháp kiến trúc đôi khi vượt qua giải pháp dựa trên phần mềm bổ sung.
Sử dụng trình duyệt riêng cho công việc và cuộc sống riêng giúp loại bỏ sự phân tâm hiệu quả hơn bất kỳ tiện mở rộng nào.
Người dùng thường không nhận ra giá trị của vertical tabs trong Chrome cho khi trải nghiệm nó. Tính năng này giúp tăng không gian hiển thị nội dung web lên tới 25% so với tabs ngang truyền thống. Việc chuyển đổi sang layout dọc khiến cho việc quản lý nhiều tab trở nên trực quan và hiệu quả hơn hẳn. Sau một tuần sử dụng, quay lại tabs ngang cảm thấy rất khó chịu và bất tiện. Đây là bài học quan trọng về UX design đôi khi những thay đổi nhỏ lại tạo ra trải nghiệm sử dụng vượt trội.
Bài viết này giúp bạn hiểu sự khác biệt lớn trong trải nghiệm làm việc khi sử dụng thanh dọc thay vì thanh ngang cho tab Chrome.
Server Timing là tiêu đề header giúp đo lường và theo dõi các chỉ số hiệu suất phía backend thông qua giao diện web.
Lập trình viên nên đọc bài này để tìm hiểu cách sử dụng Server-Timing header để đo lường và theo dõi hiệu suất backend chi tiết, từ đó tối ưu hóa thời gian phản hồi và cải thiện trải nghiệm người dùng trong ứng dụng web.
WebMCP cung cấp cơ chế cho ứng dụng web trao quyền cho coding agent các công cụ thực sự thay vì chỉ tương tác như click chuột. Để triển khai, bạn cần cài đặt skill /webmcp vào hệ thống của mình. Kỹ thuật này cho phép coding agent gọi trực tiếp các API và chức năng phức tạp, tăng hiệu suất xử lý lên tới 70% so với phương pháp truyền thống. Triển khai thành công WebMCP giúp tối ưu hóa quy trình làm việc giữa ứng dụng web và AI agent.
WebMCP giúp lập trình viên tích hợp công cụ thực tế cho agent lập trình, nâng cao hiệu suất phát triển.
Cloudflare is developing a public certificate authority for Merkle Tree Certificates (MTCs) to reduce the bandwidth overhead of post-quantum cryptography. A Chrome experiment served billions of MTCs t
Document view transitions freeze the whole page while they run. Element-scoped view transitions in Chrome 147 keep the rest of the page interactive. Here is how they work and how to build a list that stays clickable.
Stop Guessing Why Your Flutter Web App Is Slow: Profile It Before you optimize another widget rebuild, measure. The slow part of your Flutter web app is often not where you think, and ten minutes of …
319 browser extensions installed by 13.4 million users hijack searches, capture queries, and collect referral payments from Yahoo and Bing.
The autofill update lets Chrome pull flight confirmations, tracking info, order details, and other information from your inbox, with your permission.
Chrome is bringing back full support for JPEG-XL after years of resistance. Chromium implemented a decoder in 2021, but it was slated for removal in late 2022 and was gone by Chrome 110. Chrome Area Tech Lead Rick Byers noted in November 2025 that the landscape had shifted, citing JPEG-XL support in things like PDF and Safari. Chrome 145 included JPEG-XL with a new Rust-based decoder, jxl-rs, chosen for security reasons under Google's Rule of 2, though it was not activated by default. As of Chrome 155, JPEG-XL will be fully supported in the browser, offering 30-50% better compression than JPEG.
Google has opened a Chrome origin trial for the Email Verification API, a WICG proposal that lets the browser confirm email ownership without sending a message. Gmail is the first provider. Developers
There’s a lot to miss about Arc (RIP), but the feature I miss the most has got to be automatic picture-in-picture. You start a video and when you change tabs to jump to another task, the video anchored itself to the corner of your desktop. Go back to the video tab and it slurps up into the video player area. A perfect experience with no interruption.
Tác giả sử dụng bốn trình duyệt khác nhau (Chrome, Firefox, Safari và Brave) để tăng cường bảo mật. Nguyên nhân kỹ thuật là mỗi trình duyệt có profile người dùng, cookie và lịch sử riêng biệt, hạn chế khả năng bị cross-site tracking. Hệ quả là giảm đáng kể lượng dữ liệu cá nhân bị thu thập bởi các nền tảng lớn như Google, Meta và Amazon. Điều đáng học là cách tiếp cận đơn giản nhưng hiệu quả này giúp bảo vệ quyền riêng tư mà không cần phần mềm phức tạp hay kiến thức chuyên sâu về security.
Sử dụng bốn trình duyệt khác nhau giúp bảo vệ quyền riêng tư tốt hơn khi duyệt web.
Để xuất bản extension lên Chrome Web Store, bạn cần chuẩn bị một file ZIP sạch cùng với mô tả ứng dụng, các thông tin bảo mật, biện minh cho các quyền truy cập, hướng dẫn kiểm duyệt và bản cập nhật đã được kiểm thử. Quá trình này đảm bảo extension đáp ứng các yêu cầu kỹ thuật của Chrome Web Store, bao gồm việc tuân thủ chính sách quyền riêng tư và minh bạch về dữ liệu người dùng. Bạn cần cung cấp đầy đủ các thông tin trong store listing như mô tả tính năng, hình ảnh minh họa và chính sách quyền riêng tư để qua được bước kiểm duyệt của Google. Hệ quả nếu không chuẩn bị kỹ lưỡng có thể khiến extension bị từ chối xuất bản hoặc gặp vấn đề về hiệu năng và bảo mật sau khi phát hành. Bài viết hướng dẫn chi tiết từng bước này giúp lập trình viên tiết kiệm thời gian và tăng tỷ lệ chấp nhận extension lên Chrome Web Store.
Bài viết hướng dẫn chi tiết cách xuất bản extension lên Chrome Web Store với đầy đủ yêu cầu cần thiết.
Performance budget cần một đại diện cho trường hợp tồi tệ nhất để đo lường hiệu suất thực tế. Safari đang thay đổi cách xử lý identity resolution ảnh hưởng đến web performance. Chrome cải thiện module recovery và memory debugging giúp phát hiện lỗi hiệu quả hơn. Các lập trình viên nên chú ý đến performance budget vì nó giúp quản lý tải trọng tài nguyên và tránh hiệu suất giảm đột ngột khi có traffic cao. Bài viết cung cấp con số cụ thể về các metric như budget threshold và memory impact nên rất thiết thực cho ai đang làm web performance.
Bài viết giúp lập trình viên hiểu cách thiết lập performance budgets thực tế dựa trên trải nghiệm người dùng tồi tệ nhất.
Design files show how an interface should look, not how it behaves under real conditions like failed requests, long text, or reduced-motion settings. This guide lists nine browser-based checks, mostly using Chrome DevTools, to close that gap during design-to-development handoffs. These include inspecting computed CSS, resizing viewports gradually in Device Mode, checking accessible names with the accessibility tree, reviewing loading and failure states in the Network panel, profiling slow interactions with the Performance panel, testing reduced-motion and color-scheme preferences, treating Coverage results as leads rather than proof, and using Lighthouse scores as starting points rather than final verdicts. Each check should end with a recorded, reproducible finding rather than just a screenshot.
Bối cảnh của bài viết là tác giả vừa thêm universal selector ::highlight() cho CSS custom highlights vào CSS Specifications và triển khai trong Chromium. Nguyên nhân kỹ thuật là để tạo lựa chọn toàn diện cho các highlight tùy chỉnh trong CSS, sau khi phần lớn logic đã được định nghĩa trong CSS Pseudos. Hệ quả là lập trình viên giờ có thể sử dụng ::highlight() để áp dụng style cho tất cả các highlight cùng một lúc thay vì phải chỉ định từng highlight riêng lẻ. Điều đáng học là tính năng này giúp giảm thiểu mã lặp khi làm việc với nhiều highlight, đồng thời tăng hiệu suất khi quản lý styles cho custom highlight trong các ứng dụng phức tạp.
Bài viết này giúp lập trình viên nắm bắt tính năng CSS Custom Highlight Universal Selector ::highlight(*) mới vừa được thêm vào thông số kỹ thuật và triển khai trong trình duyệt Chromium.
Tôi đã thử nghiệm khả năng debugging AI trên Chrome, Safari và Firefox với các lỗi React để so sánh độ chính xác. Kết quả cho thấy Chrome DevTools với MCP (Model Context Protocol) đạt độ chính xác 78%, Safari Web Inspector đạt 65%, và Firefox Developer Tools đạt 59%. Chrome vượt trội nhờ tích hợp sâu với AI và hỗ trợ tốt cho React debugging tools, trong khi Safari và Firefox vẫn còn hạn chế trong việc phân tích state changes và component lifecycle. Bài viết này rất hữu ích cho lập trình viên React muốn tận dụng AI debugging tools, nhưng bạn nên cân nhắc rằng các công nghệ này đang phát triển nhanh và kết quả có thể thay đổi trong tương lai gần.
Bài này giúp lập trình viên so sánh hiệu quả công cụ gỡ lỗi AI trên trình duyệt phổ biến.
Apple mới ra mắt chiến dịch "Switch to Safari" so sánh Safari với Chrome, nhấn mạnh Safari bảo mật hơn, nhanh hơn và tiết kiệm pin hơn. Safari tuyên bố có thể kéo dài thời gian xem video thêm 5 giờ trên Mac và tải trang nhanh hơn 35% cho các trang hay truy cập nhờ vào công nghệ của riêng Apple. Safari còn có bảo vệ theo dõi thông minh (Intelligent Tracking Prevention) và các tính năng như Distillation Control, Reader Mode, Profiles và Apple Pay. Đây là chiến dịch thứ hai sau chiến dịch "Privacy on iPhone" năm 2026 cũng đưa ra những so sánh tương tự, cho thấy Apple đang tích cực cạnh tranh trong trình duyệt web.
Chiến dịch "Switch to Safari" của Apple cung cấp bằng chứng cụ thể về lợi ích vượt trội về bảo mật, tốc độ và tiết kiệm pin so với Chrome, giúp bạn đưa ra lựa chọn trình duyệt sáng suốt hơn.
Discover some of the interesting features that have landed in stable and beta web browsers during July 2026.
Discover some of the interesting features that have landed in stable and beta web browsers during June 2026.
Lighthouse vừa bổ sung tính năng Baseline Features audit giúp đánh giá các web features được sử dụng trên một trang và trạng thái Baseline của chúng. Tính năng này sử dụng API Baseline, do Google định nghĩa, để xác định một feature có nằm trong bộ feature được hỗ trợ rộng rãi hay không. Hệ quả là nhà phát triển có thể biết được features nào họ sử dụng đã đạt đến status "widely available" trong API Baseline của Google. Điều đáng học là việc này giúp đánh giá khả năng tương thích và độ sẵn sàng của trang web với trình duyệt phổ biến, từ đó tối ưu trải nghiệm người dùng.
Khám phá tính năng Baseline trong Lighthouse giúp bạn kiểm tra các web features đang sử dụng và trạng thái Baseline của chúng.
Discover some of the interesting features that have landed in stable and beta web browsers during August 2026.
Chrome 156 is now in Beta. Check out the release notes.
Get a preview of the next Chrome release with this post detailing the features in the current beta.
DevTools MCP server updates, Ad script tracking in the Ads section in Application, and Full soft navigation support in Performance.
Chrome 150 and 155 introduce essential ergonomic updates, renaming, and API refinements to the HTML-in-Canvas experimental API.
Enhance multitasking extensions with the new Tabs Split View API.
Read the news here, practice coding, follow structured courses and train for IELTS on our sibling products — all connected through one 8 Sync account.
The ecosystem home: product overviews, blog and full pricing.
ExploreLearn along a clear roadmap: videos, auto-graded quizzes, certificates and mentors who ship for a living.
View the roadmap1,000 DSA problems in Vietnamese, auto-graded across 7 languages — many FREE, right in your browser.
Practice for freeAI grading for all four IELTS skills with detailed rubric feedback.
Try it freeA 22 MB AI IDE for Vietnamese devs.
Download freeOrganizational memory for AI agents.
ExploreAI that staffs your Fanpage and qualifies leads for you.
Try it