Tìm hiểu về Trang tổng quan của Nền tảng web và cách bạn có thể truy vấn API HTTP của nền tảng này để lấy dữ liệu về các tính năng đã đạt đến Đường cơ sở nhằm xây dựng các công cụ cho quy trình phát triển của bạn.

Trước tầm quan trọng ngày càng lớn của Chỉ số quan trọng chính của trang web, chủ sở hữu và nhà phát triển trang web ngày càng tập trung vào hiệu suất và trải nghiệm người dùng quan trọng. Google cung cấp nhiều công cụ để giúp đánh giá, tối ưu hoá và theo dõi các trang, nhưng người dùng thường bị nhầm lẫn giữa các nguồn dữ liệu và cách sử dụng các nguồn dữ liệu đó một cách hiệu quả. Hướng dẫn này đề xuất quy trình làm việc kết hợp nhiều công cụ, đồng thời làm rõ vị trí cũng như ý nghĩa của các công cụ đó trong quá trình phát triển.

Đọc về các sự kiện xảy ra với Baseline trong tháng 2 năm 2025.

ruby-align hiện là một phần của Baseline

Ngày xuất bản: 20 tháng 2 năm 2025 Việc tải các mô hình AI lớn xuống một cách đáng tin cậy là một nhiệm vụ đầy thách thức. Nếu người dùng mất kết nối Internet hoặc đóng trang web hoặc ứng dụng web của bạn, họ sẽ mất một phần tệp mô hình đã tải xuống

Tìm hiểu về cách tìm nạp trước gợi ý về tài nguyên rel=fetch và cách sử dụng tính năng này.

Điểm số tổng hợp về mức thay đổi bố cục (CLS) là một chỉ số đo lường tần suất người dùng gặp phải những thay đổi đột ngột về nội dung trên trang. Trong hướng dẫn này, chúng tôi sẽ đề cập đến việc tối ưu hoá những nguyên nhân phổ biến gây ra CLS (Điểm số tổng hợp về mức thay đổi bố cục), chẳng hạn như hình ảnh và iframe không có kích thước hoặc nội dung động.

Tìm hiểu cách xác định và khắc phục sự thay đổi về bố cục.

CSS scrollbar-color và scrollbar-gutter đã có mặt trong tất cả các công cụ trình duyệt chính, giúp tính năng này trở thành Đường cơ sở mới.

Trong ấn bản đầu tiên, bản tin tóm tắt hằng tháng của Baseline này sẽ đề cập đến những sự kiện diễn ra trong Baseline tại cả Google và cộng đồng nhà phát triển web trong tháng 1 năm 2025.

Tính năng thu gom rác WebAssembly và tối ưu hoá lệnh gọi đuôi Wasm hiện đã có trong tất cả các công cụ trình duyệt chính, giúp chúng trở thành Điểm chuẩn mới.

Bài đăng này giới thiệu chỉ số Thời gian hiển thị nội dung lớn nhất (LCP) và giải thích cách đo chỉ số này

Promise.try hiện đã có trong tất cả các công cụ trình duyệt chính, giúp tính năng này trở thành Baseline mới.

Mô tả ngắn

Ngày phát hành: 13 tháng 1 năm 2024 Bạn có thể xây dựng rất nhiều dự án tuyệt vời bằng AI, với các mô hình học máy cổ điển và các mô hình ngôn ngữ lớn (LLM) mới hơn. Với LLM, máy tính có thể tạo nội dung mới, viết bản tóm tắt, phân tích văn bản để

Bạn đã được yêu cầu 'không chặn chuỗi chính' và 'chia nhỏ công việc dài hạn của bạn', nhưng việc này có nghĩa là gì?

Tạo mặt nạ CSS cho phép bạn sử dụng hình ảnh làm lớp mặt nạ. Điều này có nghĩa là bạn có thể sử dụng hình ảnh, SVG hoặc gradient làm mặt nạ, để tạo các hiệu ứng thú vị mà không cần trình chỉnh sửa hình ảnh.

tập dữ liệu tính năng web, trang tổng quan về Trạng thái nền tảng web, tiện ích Trạng thái cơ sở và nhiều tính năng khác! Xem lại Giá trị cơ sở vào năm 2024.

Bài đăng này giải thích tính năng tải từng phần và các lựa chọn tải từng phần video.

Tính năng tải trước mô-đun cung cấp cách tải trước các mô-đun JavaScript theo cách khai báo.

Để tối ưu hoá trải nghiệm người dùng, bạn cần hiểu cách người dùng tương tác với biểu mẫu của bạn. Tính năng tự động điền của trình duyệt đóng vai trò quan trọng trong quy trình này. Tìm hiểu cách thu thập và phân tích dữ liệu về cách người dùng sử dụng tính năng tự động điền trong biểu mẫu của bạn.

Tính năng phát hiện nội dung độc hại giúp bảo vệ người dùng và tạo ra một môi trường trực tuyến an toàn hơn. Trong phần hai, chúng ta sẽ tìm hiểu cách xây dựng một công cụ AI phía máy khách để phát hiện và giảm thiểu nội dung độc hại ngay từ nguồn.

Bài đăng này mô tả chỉ số Tổng thời gian chặn (TBT) và giải thích cách đo lường chỉ số này

Tìm hiểu cách đo lường Các chỉ số quan trọng về trang web của trang web trong cả môi trường thực tế và môi trường thử nghiệm.

Bộ sưu tập các phương pháp hay nhất mà Chrome đã xác định là những cơ hội lớn nhất để tối ưu hoá hiệu suất trang web và cải thiện Các chỉ số quan trọng về trang web

Các chỉ số cần thiết để có một trang web hoạt động tốt

Hướng dẫn từng bước về cách phân tích LCP và xác định các khía cạnh chính cần cải thiện.

Thuộc tính CSS content-visibility hiện có sẵn trong Baseline New.

Nghiên cứu và phương pháp áp dụng cho ngưỡng Các chỉ số quan trọng về trang web

Bạn đã xem xét dữ liệu trường của mình và hoá ra rằng bạn có một số hoạt động tương tác chậm. Bước tiếp theo là tìm hiểu thêm về cách kiểm tra thủ công những hoạt động tương tác đó và xác định nguyên nhân đằng sau chúng.

Bài viết này giải thích câu chuyện về nguồn gốc của Baseline, sự tham gia của Google và quyền sở hữu của Nhóm cộng đồng WebDX.

Tìm hiểu cách tối ưu hoá các trang của bạn để tải tức thì khi sử dụng nút tiến và lùi của trình duyệt.

Tính năng lồng CSS ngày càng tốt hơn!

Tìm hiểu cách phân bổ dữ liệu hiệu suất bằng thông tin gỡ lỗi để giúp bạn xác định và khắc phục các vấn đề về người dùng thực thông qua số liệu phân tích

Bài đăng này giới thiệu chỉ số Thời gian phản hồi lần tương tác đầu tiên (FID) và giải thích cách đo chỉ số này

Tìm hiểu cách bạn có thể dùng các công cụ của Google để xác định mối liên hệ giữa Chỉ số quan trọng chính của trang web với doanh thu từ quảng cáo.

@property ảnh hưởng như thế nào đến hiệu suất của CSS?

Có nhiều tuỳ chọn khác nhau để lưu dữ liệu trong trình duyệt. Nền tảng nào phù hợp nhất với nhu cầu của bạn?

Bài đăng này đề cập đến thuộc tính tải và cách sử dụng thuộc tính để kiểm soát việc tải iframe.

Khám phá những cách được đề xuất và không được đề xuất để xây dựng nhiều PWA sử dụng lại cùng một miền cùng với các ưu điểm và nhược điểm của chúng.

Hướng dẫn tương tác từng bước hướng dẫn bạn cách xây dựng máy chủ quản lý gói thuê bao thông báo đẩy và gửi yêu cầu giao thức đẩy web đến dịch vụ đẩy.

Tiêu chí về khả năng cài đặt Ứng dụng web tiến bộ.

Điều gì tạo nên một Ứng dụng web tiến bộ chất lượng cao hoặc tuyệt vời?

Những việc cần làm để thay đổi biểu tượng, lối tắt, màu sắc và các siêu dữ liệu khác trong tệp kê khai ứng dụng web cho PWA của bạn.

Tệp kê khai ứng dụng web là một tệp JSON đơn giản để cho trình duyệt biết ứng dụng web của bạn nên hoạt động như thế nào.

Tìm hiểu cách triển khai CSP dựa trên các tập lệnh nonces hoặc hàm băm như một biện pháp phòng vệ chuyên sâu trước tập lệnh trên nhiều trang web.

Bài viết này giúp các nhà phát triển web chọn API phần cứng phù hợp dựa trên một thiết bị cụ thể.

Tìm hiểu cách sử dụng Yêu cầu nguồn gốc có liên quan để cho phép sử dụng lại khoá truy cập trên các trang web.

Bài đăng này đề cập đến thuộc tính đang tải và cách sử dụng thuộc tính này để kiểm soát việc tải hình ảnh.

Bước đầu tiên để cung cấp hình ảnh được tối ưu hoá trên trang web là chọn định dạng hình ảnh phù hợp. Bài đăng này sẽ giúp bạn đưa ra lựa chọn đúng đắn.

Chỉ số tùy chỉnh cho phép bạn đo lường và tối ưu hóa các khía cạnh của trải nghiệm dành riêng cho trang web của bạn.

Tìm hiểu cách gửi dữ liệu Web Vitals đến tài sản Google Analytics 4 và xuất dữ liệu để phân tích trong BigQuery và Looker Studio.

Hướng dẫn này trình bày các phương pháp hay nhất mà các trang web nên làm theo khi yêu cầu người dùng cấp quyền truy cập vào các tính năng nhạy cảm (chẳng hạn như máy ảnh, micrô và thông tin vị trí) để giảm thiểu những lời nhắc không cần thiết và việc chặn quyền truy cập.

Tìm hiểu cách thông báo về cookie ảnh hưởng đến hiệu suất, hoạt động đo lường hiệu suất và trải nghiệm người dùng.

Nhà phát triển web có thể tuỳ chỉnh thông báo về nội dung nghe nhìn và phản hồi các sự kiện liên quan đến nội dung nghe nhìn, chẳng hạn như tìm kiếm hoặc theo dõi sự thay đổi bằng Media Session API.

Sử dụng thuộc tính tabindex để đặt rõ vị trí thẻ của phần tử.

Trước khi có thể tái tạo các tương tác chậm trong phòng thí nghiệm để tối ưu hoá sự tương tác của trang web với thời gian hiển thị tiếp theo, bạn sẽ cần dựa vào dữ liệu thực tế để tìm các tương tác đó. Hãy tìm hiểu cách làm việc đó trong hướng dẫn này.

Bài đăng này giới thiệu chỉ số Thời gian cho byte đầu tiên (TTFB) và giải thích cách đo lường chỉ số này.

Tìm hiểu cách điều chỉnh câu lệnh để đạt được kết quả mong muốn trên các LLM, mô hình và quy mô mô hình khác nhau.

Bài đăng này giới thiệu chỉ số Hoạt động tương tác với thời gian hiển thị tiếp theo (INP) và giải thích cách hoạt động, cách đo lường chỉ số này, đồng thời đưa ra đề xuất về cách cải thiện chỉ số.

mô tả: Xác định màu phản ứng với lược đồ màu đã sử dụng bằng hàm sáng-tối().

Trong hướng dẫn này, nhắm đến các nhà phát triển web muốn hưởng lợi từ WebAssembly, bạn sẽ tìm hiểu cách sử dụng Wasm để thuê ngoài các tác vụ cần nhiều CPU với sự trợ giúp của ví dụ đang chạy.

Trong Lưới CSS, thuộc tính "grid-template-columns" (cột-mẫu-lưới) và `grid-template-rows` cho phép bạn xác định tên dòng và theo dõi kích thước của các cột và hàng trong lưới tương ứng. Việc hỗ trợ nội suy cho các thuộc tính này cho phép bố cục lưới chuyển đổi suôn sẻ giữa các trạng thái, thay vì chụp nhanh ở điểm nửa của ảnh động hoặc quá trình chuyển đổi.

Tìm hiểu cách điều khiển trò chơi trên web bằng Gamepad API.

Thuộc tính tĩnh là một thuộc tính HTML toàn cục giúp đơn giản hoá cách xoá và khôi phục các sự kiện nhập của người dùng cho một phần tử, bao gồm cả các sự kiện lấy tiêu điểm và sự kiện từ công nghệ hỗ trợ.

Các bên tin cậy có thể xác định nguồn gốc của khoá truy cập bằng cách kiểm tra AAGUID. Tìm hiểu cách hoạt động.

Sử dụng ví dụ về một ngôn ngữ đồ chơi tổng hợp có tên là ExampleScript, hãy tìm hiểu cách viết và tối ưu hoá các mô-đun WebAssembly trong JavaScript bằng API Binaryen.js.

Tính năng quay video/âm thanh đã là công cụ "thần thánh" trong quá trình phát triển web trong một thời gian dài. Trong nhiều năm, chúng ta phải dựa vào các trình bổ trợ trình duyệt ( Flash hoặc Silverlight ) để hoàn thành công việc. Thôi nào! HTML5

Thành phần web <model-viewer> cho phép bạn sử dụng các mô hình 3D trên một trang web theo cách khai báo.

Tìm hiểu cách sử dụng tính năng "userVerify" trong WebAuthn

Tìm hiểu lý do khiến dữ liệu đều có thể cho thấy các chỉ số quan trọng về trang web từ CrUX.

Điều quan trọng là phải xây dựng các trang web dành cho tất cả mọi người và ai cũng có thể truy cập được. Chúng tôi có thể tối ưu hóa ít nhất 6 lĩnh vực khuyết tật chính: thị giác, thính giác, khả năng vận động, nhận thức, lời nói và thần kinh.

Tập lệnh của bên thứ ba cung cấp nhiều tính năng hữu ích, giúp trang web trở nên linh động hơn. Tìm hiểu cách tối ưu hoá việc tải tập lệnh của bên thứ ba để giảm tác động của các tập lệnh đó đến hiệu suất.

Tìm hiểu cách ngăn việc tạo khoá truy cập mới nếu đã có khoá truy cập trong trình quản lý mật khẩu của người dùng.

Hướng dẫn về các khái niệm cơ bản của IndexedDB.

CSS phù hợp, mạnh mẽ và ổn định mà bạn có thể sử dụng ngay hôm nay.

Tìm hiểu cách tối ưu hoá cho chỉ số Thời gian cho byte đầu tiên.

Sự khác biệt giữa máy chủ lưu trữ, trang web và nguồn gốc là gì? eTLD+1 là gì? Bài viết này giải thích điều này.

Tìm hiểu xem thông tin đăng nhập có thể tìm thấy là gì và cách xây dựng trải nghiệm người dùng phù hợp với trường hợp sử dụng của bạn.

Người dùng sẽ nhận thấy nếu các trang web và ứng dụng không chạy tốt, vì vậy, việc tối ưu hoá hiệu suất hiển thị là rất quan trọng!

"ResizeObserver" sẽ thông báo cho bạn khi hình chữ nhật trong nội dung của một phần tử thay đổi kích thước để bạn có thể phản ứng phù hợp.

Bên cạnh việc loại bỏ các lượt tải xuống tài nguyên không cần thiết, điều tốt nhất bạn có thể làm để cải thiện tốc độ tải trang là giảm thiểu kích thước tải xuống tổng thể bằng cách tối ưu hóa và nén các tài nguyên còn lại.

Tài liệu này giải thích cách bạn có thể sử dụng API OffscreenCanvas để cải thiện hiệu suất khi kết xuất hình ảnh đồ hoạ trong ứng dụng web.

Bài đăng này giới thiệu về chỉ số Hiển thị nội dung đầu tiên (FCP) và giải thích cách đo chỉ số này

Bài viết này cung cấp thông tin tổng quan toàn diện về mạng phân phối nội dung (CDN). Ngoài ra, tài liệu này còn giải thích cách chọn, định cấu hình và tối ưu hoá chế độ thiết lập CDN.

Hướng dẫn thiết thực cho nhà phát triển về những việc cần làm khi người dùng đăng xuất khỏi trang web.

Bài đăng này giới thiệu chỉ số Thời gian tương tác (TTI) và giải thích cách đo lường chỉ số này

API ưu tiên tìm nạp cho biết mức độ ưu tiên tương đối của các tài nguyên so với trình duyệt. Bộ công cụ này có thể giúp quá trình tải tối ưu và cải thiện Các chỉ số quan trọng về trang web.

Giới thiệu về lớp giả :user- valid và :user-invalid và cách sử dụng các lớp này để cải thiện trải nghiệm người dùng khi xác thực dữ liệu đầu vào.

Tìm hiểu cách những người ra quyết định kinh doanh và không phải nhà phát triển có thể cải thiện Các chỉ số quan trọng về trang web.

Hiểu và tránh các vấn đề thường gặp khi áp dụng phương thức mã hoá và giải mã base64 cho các chuỗi.

Lưới con cho phép chia sẻ lưới, cho phép các lưới lồng nhau căn chỉnh với các đối tượng cấp trên và đồng cấp.

Trong thế giới kỹ thuật số ngày nay, quảng cáo trực tuyến là một phần quan trọng của web miễn phí mà chúng ta đều tận hưởng. Tuy nhiên, việc triển khai quảng cáo không hiệu quả có thể khiến trải nghiệm duyệt web chậm hơn, khiến người dùng khó chịu và giảm mức độ tương tác. Tìm hiểu cách tải quảng cáo hiệu quả mà không ảnh hưởng đến tốc độ trang, đảm bảo trải nghiệm người dùng liền mạch và tối đa hoá cơ hội kiếm doanh thu cho chủ sở hữu trang web.

Tìm hiểu về mức độ phù hợp của mã và khám phá 4 cách phổ biến để đo lường mức độ phù hợp của mã.

Xác định những yếu tố bạn cần thử nghiệm và những yếu tố bạn có thể loại trừ.

Xác định nội dung cần kiểm thử, xác định các trường hợp kiểm thử và sắp xếp mức độ ưu tiên.

Các chỉ số hiệu suất tập trung vào người dùng là một công cụ quan trọng giúp bạn hiểu và cải thiện trải nghiệm trên trang web theo hướng có lợi cho người dùng thực.

Tìm hiểu về các khả năng mới và thú vị để tải trước hình ảnh thích ứng để đảm bảo trải nghiệm người dùng tuyệt vời.

Một phương pháp điều chỉnh phông chữ theo sở thích của người dùng để họ có thể thoải mái tối đa khi đọc nội dung của bạn.

Khám phá cách kết hợp các loại thử nghiệm thành một chiến lược hợp lý phù hợp với dự án của bạn.

Hãy bắt đầu từ những thông tin cơ bản! Khám phá hai chế độ kiểm thử chung và ba loại kiểm thử tự động phổ biến.

Bạn nên kiểm tra tài nguyên của mình định kỳ để đảm bảo rằng mỗi tài nguyên đều đang giúp mang lại trải nghiệm tốt hơn cho người dùng.

Chương trình mkbitmap C đọc hình ảnh và áp dụng một hoặc nhiều thao tác sau cho hình ảnh đó, theo thứ tự sau: đảo ngược, lọc thông cao, chia tỷ lệ và ngưỡng. Bạn có thể bật hoặc tắt từng thao tác riêng lẻ. Bài viết này hướng dẫn cách biên dịch mkbitmap thành WebAssembly.

Giới thiệu về WebAssembly (đôi khi viết tắt là wasm), định dạng mã nhị phân di động và định dạng văn bản tương ứng cho các chương trình thực thi cũng như giao diện phần mềm để tạo điều kiện tương tác giữa các chương trình đó và môi trường lưu trữ.

Chuẩn hệ thống tệp giới thiệu một hệ thống tệp riêng tư gốc (OPFS) dưới dạng một điểm cuối bộ nhớ riêng tư đối với nguồn gốc của trang và không hiển thị với người dùng. Hệ thống này cung cấp quyền truy cập không bắt buộc vào một loại tệp đặc biệt

Cách hiển thị nội dung do người dùng kiểm soát một cách an toàn trên các ứng dụng web.

Tổng quan về cách AVIF được áp dụng trong hệ sinh thái và những lợi ích về hiệu suất và chất lượng mà nhà phát triển có thể mong đợi từ AVIF đối với ảnh tĩnh và ảnh động.

Tìm hiểu cách tối ưu hoá khả năng tương tác của trang web với thời gian hiển thị tiếp theo.

Tìm hiểu về một số tính năng trong Baseline.

Kích thước DOM lớn có thể là một yếu tố trong việc tương tác có nhanh hay không. Tìm hiểu thêm về mối quan hệ giữa kích thước DOM và INP, cũng như những việc bạn có thể làm để giảm kích thước DOM và những cách khác để hạn chế hoạt động hiển thị khi trang của bạn có nhiều phần tử DOM.

Độ trễ của dữ liệu đầu vào có thể đóng góp đáng kể vào tổng độ trễ tương tác và ảnh hưởng tiêu cực đến INP của trang. Trong hướng dẫn này, bạn sẽ tìm hiểu về độ trễ đầu vào và cách giảm độ trễ đầu vào để tương tác nhanh hơn.

Hiển thị HTML bằng JavaScript khác với hiển thị HTML do máy chủ gửi và có thể ảnh hưởng đến hiệu suất. Tìm hiểu sự khác biệt trong hướng dẫn này và những việc bạn có thể làm để duy trì hiệu suất hiển thị của trang web – đặc biệt là khi liên quan đến hoạt động tương tác.

Khi tải tập lệnh, trình duyệt sẽ cần thời gian để đánh giá tập lệnh trước khi thực thi, điều này có thể khiến các tác vụ mất nhiều thời gian. Tìm hiểu cách hoạt động của việc đánh giá tập lệnh và những việc bạn có thể làm để tập lệnh không gây ra các tác vụ dài trong quá trình tải trang.

WordPress hoàn chỉnh được hỗ trợ bởi PHP chạy chỉ trong trình duyệt với WebAssembly

Bài đăng này giới thiệu chỉ số Điểm số tổng hợp về mức thay đổi bố cục (CLS) và giải thích cách đo lường chỉ số này.

Giới thiệu các công cụ hiện có trên web nhờ WebAssembly.

Cải thiện trải nghiệm gỡ lỗi web bằng bản đồ nguồn.

Bạn có thể gửi Ứng dụng web tiến bộ đến các cửa hàng ứng dụng như Cửa hàng Play của Android hoặc Cửa hàng Microsoft, v.v.

CSS phù hợp, mạnh mẽ và ổn định mà bạn có thể sử dụng ngay hôm nay.

Tính sin, cos, tang và các kết quả khác trong CSS.

Phương thức requestVideoFrameCallback() cho phép tác giả web đăng ký lệnh gọi lại chạy trong các bước kết xuất khi khung video mới được gửi đến trình tổng hợp.

Một trong loạt bài phỏng vấn với các thành viên của chương trình Chuyên gia phát triển của Google (GDE).

Bài đăng trên blog này thông báo về một bộ sưu tập mẫu mới cho ứng dụng đa phương tiện.

Hãy tạo hiệu ứng văn bản chuyển màu động đó bằng các thuộc tính tuỳ chỉnh có phạm vi và background-clip Chuyển đến CodePen và tạo một bút mới. Tạo mã đánh dấu cho văn bản. Hãy sử dụng tiêu đề có từ "Speedy" (Nhanh): Sau đó, hãy tạo background-color

Cách cuốn sách cuộn trên Chrometober trở nên sống động để chia sẻ các mẹo và thủ thuật thú vị cũng như đáng sợ.

Tổng quan cơ bản về cách tạo phần tử tuỳ chỉnh cho chú giải công cụ có khả năng thích ứng màu và dễ tiếp cận.

Khoá truy cập giúp tài khoản người dùng của trang web an toàn, đơn giản, dễ sử dụng hơn và không cần mật khẩu. Bài viết này thảo luận cách cho phép người dùng tạo khoá truy cập cho trang web của bạn.

Khoá truy cập giúp tài khoản người dùng của trang web an toàn, đơn giản, dễ sử dụng hơn và không cần mật khẩu. Bài viết này thảo luận cách thiết kế tính năng đăng nhập không mật khẩu bằng khoá truy cập trong khi vẫn hỗ trợ người dùng hiện có mật khẩu.

Tổng quan cơ bản về cách tạo các thành phần FAB thích ứng màu, thích ứng và dễ tiếp cận.

Tìm hiểu cách tối ưu hoá phông chữ trên web cho Các chỉ số quan trọng về trang web.

Một trong loạt bài phỏng vấn với các thành viên của chương trình Chuyên gia phát triển của Google (GDE).

Hãy tạo một trình tải CSS động bằng các thuộc tính tuỳ chỉnh có phạm vi và hàm animation-timing-function Chuyển đến CodePen và tạo một bút mới. Tạo mã đánh dấu cho trình tải của chúng ta. Lưu ý cách sử dụng các thuộc tính tuỳ chỉnh cùng dòng: Bạn

Thông tin tổng quan về 3 công cụ và kỹ thuật để kiểm tra và xác minh độ tương phản màu hỗ trợ tiếp cận của thiết kế.

Hướng dẫn này mô tả cách tạo một thành phần điều hướng chính dễ tiếp cận trên trang web. Bạn sẽ tìm hiểu về HTML ngữ nghĩa, khả năng hỗ trợ tiếp cận và lý do việc sử dụng các thuộc tính của Ứng dụng Internet phong phú dễ dùng (ARIA) đôi khi có thể gây hại nhiều hơn là có lợi.

Bộ chọn giả CSS tiện dụng này cung cấp cho bạn cách để chọn các phần tử ở chế độ phương thức.

Khám phá thú vị về cách tạo lại ảo ảnh thị giác bằng CSS.

Xem xét một số cách hữu ích và sáng tạo để tạo kiểu cho danh sách.

Tối ưu hoá thẻ và trình quản lý thẻ cho Core Web Vitals.

Lợi ích của việc sử dụng Thuộc tính tuỳ chỉnh trong hệ thống thiết kế và thư viện thành phần.

Tìm hiểu cách bạn có thể sử dụng từng thuộc tính CSS dịch, xoay và điều chỉnh tỷ lệ để tiếp cận các biến đổi theo cách trực quan.

Xem xét một số cách để tạo ảnh động đường viền trong CSS

BBC đang ra mắt HSTS cho trang web của họ để cải thiện hiệu suất và độ bảo mật. Tìm hiểu ý nghĩa của việc này và cách HSTS có thể giúp bạn.

Tìm hiểu lý do khiến các công cụ theo dõi chỉ số Các chỉ số quan trọng về trang web có thể báo cáo số liệu khác nhau và cách diễn giải những điểm khác biệt đó.

GDE Enrique Fernandez Guerra chia sẻ về việc tìm nguồn mở cho tổ chức phi chính phủ HelpDev của mình.

Ý nghĩa của việc chấm dứt hỗ trợ Internet Explorer đối với khách hàng và nhà phát triển tại Maersk.com.

HTML5Rocks lâu nay rất vui khi được biết bạn.

Tìm hiểu cách đặt cookie của bên thứ nhất để đảm bảo tính bảo mật, khả năng tương thích trên nhiều trình duyệt và giảm thiểu nguy cơ bị hỏng sau khi loại bỏ cookie của bên thứ ba.

Web Audio API giúp bạn có thể thực hiện đồng bộ hoá AV một cách chính xác.

Bạn có thể sử dụng hiệu ứng chuyển màu hình nón để tạo một số hiệu ứng thú vị, chẳng hạn như ví dụ về đường viền đẹp mắt này. CodePen này do Adam Argyle tạo ra, ban đầu được chia sẻ qua thông báo này trên Twitter, cho thấy cách sử dụng hiệu ứng

Phát hiện lỗi khi làm việc với API Tìm nạp.

Tìm hiểu sự khác biệt giữa khung và thư viện trong môi trường JavaScript phía máy khách.

Tìm hiểu các quyết định liên quan đến việc sử dụng thư viện hoặc khung JavaScript.

Thông tin cập nhật về Google Fonts CSS API — cách hoạt động, cách sử dụng và cách hiệu quả để phân phối phông chữ trên web của bạn.

Tài nguyên này có thể giúp bạn nhanh chóng làm quen với thiết bị đầu cuối.

GOV.UK đã bỏ phần phụ thuộc jQuery khỏi giao diện người dùng. Bạn sẽ không bao giờ đoán được điều gì đã xảy ra. (Có.)

Tổng quan cơ bản về cách tạo các thành phần thích ứng màu, thích ứng và dễ tiếp cận.

Tìm hiểu trình duyệt tải trước trình quét là gì, trình duyệt này giúp cải thiện hiệu suất như thế nào và cách để bạn có thể tránh xa trình duyệt này.

Cách đo lường Các chỉ số quan trọng về trang web bằng công cụ phân tích bạn đang dùng

Giúp việc xây dựng cho web trở nên dễ dàng hơn.

Các chuyên gia phát triển web của Google về cách các chương trình cố vấn giúp họ trở thành nhà lãnh đạo.

Chia sẻ hướng dẫn thực tế về các phông chữ có thể thay đổi, kèm theo nhiều ví dụ.

Công cụ này của Josh W Comeau giúp việc tạo các hiệu ứng chuyển màu đẹp mắt trở nên cực kỳ đơn giản.

Bộ sưu tập thông tin chi tiết về các vấn đề hàng đầu, được thu thập từ một vài cuộc trò chuyện với nhà phát triển web.

Hãy kiểm tra trạng thái của công cụ hình ảnh.

Tìm hiểu về phạm vi và cách phạm vi hoạt động trong JavaScript.

Thông tin tổng quan cơ bản về cách tạo các cửa sổ bật lên mini và mega thích ứng với màu sắc, thích ứng và dễ tiếp cận bằng phần tử ".

Tìm hiểu cách gỡ lỗi phát nội dung nghe nhìn trên web.

Một trong loạt bài phỏng vấn với các thành viên của chương trình Chuyên gia phát triển của Google (GDE).

Việc tải nhanh hình ảnh trong khung nhìn ban đầu (trong khi tải từng phần một cách tự do phần còn lại) có thể cải thiện các chỉ số quan trọng về trang web trong khi tải ít byte hơn.

Tổng quan cơ bản về cách tạo thanh tải màu thích ứng và dễ truy cập bằng phần tử `".

Giữ cho biểu mẫu đăng ký và đăng nhập của bạn càng đơn giản càng tốt. Lưu thông tin xác thực từ biểu mẫu đăng nhập để người dùng không phải đăng nhập lại khi quay lại. Cách lưu trữ thông tin xác thực của người dùng từ biểu mẫu: Trước khi tiếp tục,

Những thay đổi đối với chuỗi tác nhân người dùng, các chiến lược mà Chrome và Firefox đang thực hiện để giảm thiểu tác động và cách bạn có thể trợ giúp.

Tổng quan cơ bản về cách tạo biểu tượng trang web thích ứng.

Tìm hiểu cách kết xuất đồ hoạ 2D cho canvas trên web từ WebAssembly bằng Emscripten.

Việc quên hoặc sử dụng tiêu đề Kiểm soát bộ nhớ đệm sai mục đích có thể ảnh hưởng tiêu cực đến tính bảo mật của trang web và quyền riêng tư của người dùng. Nhận đề xuất cho các trang web có giá trị cao.

Các chỉ số cần thiết để có một trang web hoạt động tốt

Tìm hiểu cách chuyển gPhoto2 sang WebAssembly để điều khiển máy ảnh bên ngoài qua USB từ ứng dụng web.

Sử dụng tính năng Ghi nhật ký lỗi mạng (NEL) để thu thập lỗi mạng phía máy khách.

Tìm hiểu cách sử dụng các tính năng mới nhất của WebAssembly trong khi vẫn hỗ trợ người dùng trên tất cả trình duyệt.

Tìm hiểu cách chuyển mã tương tác với thiết bị bên ngoài sang web bằng API WebAssembly và Fugu.

Tổng quan cơ bản về cách tạo thành phần chuyển đổi giao diện thích ứng và dễ tiếp cận.

Tìm hiểu cách nhúng mã JavaScript vào thư viện WebAssembly của bạn để giao tiếp với thế giới bên ngoài.

Oculus Quest 2 là tai nghe thực tế ảo (VR) do Oculus, một bộ phận của Meta tạo ra. Các nhà phát triển hiện có thể xây dựng và phân phối Ứng dụng web tiến bộ 2D và 3D (PWA) tận dụng tính năng đa nhiệm của Oculus Quest 2. Bài viết này mô tả trải nghiệm và cách xây dựng, cài đặt không qua cửa hàng ứng dụng và kiểm thử PWA của bạn trên Oculus Quest 2.

Xem nhanh quy trình và các công cụ dùng để xây dựng trải nghiệm theo phong cách lịch ngày lễ của Designcember.

Một nỗ lực giả định nhằm tạo lại một máy tính năng lượng mặt trời trên web nhờ sử dụng cảm biến ánh sáng xung quanh và tính năng lớp phủ kiểm soát cửa sổ.

Trong thời gian dài nhất, bạn phải sử dụng các giải pháp và thư viện để tạo một bản sao sâu của giá trị JavaScript. Nền tảng này hiện đi kèm với `structuredClone()`, một hàm tích hợp sẵn để sao chép sâu.

Tổng quan cơ bản về cách tạo một thành phần thông báo ngắn thích ứng và dễ truy cập.

Công bố quỹ giao diện người dùng của Chrome, được thiết kế để tài trợ cho những người làm việc về các công cụ thiết kế, CSS và HTML.

Tổng quan cơ bản về cách tạo trình đơn trò chơi 3D có tính thích ứng, thích ứng và dễ truy cập.

Tìm hiểu về việc đo lường ảnh động, cách xem xét khung ảnh động và độ mượt tổng thể của trang.

Bản tóm tắt tất cả thông báo quan trọng của Hội nghị Nhà phát triển Chrome năm 2021, kèm theo các đường liên kết mà bạn cần để tìm hiểu thêm.

Hãy dùng thử Lighthouse API mới để đo lường hiệu suất và các phương pháp hay nhất trong suốt luồng người dùng.

Tìm hiểu thông tin mới nhất trong PageSpeed Insights để giúp bạn đo lường và tối ưu hoá trang cũng như chất lượng trang web hiệu quả hơn.

Trong ba năm qua, Chrome đã nỗ lực để hỗ trợ các ứng dụng web muốn vượt qua những giới hạn của những gì có thể trong trình duyệt. Một trong những ứng dụng web như vậy là Photoshop. Ý tưởng chạy phần mềm phức tạp như Photoshop trực tiếp trong trình duyệt sẽ thật khó tưởng tượng chỉ mới vài năm trước. Tuy nhiên, bằng cách sử dụng nhiều công nghệ web mới, Adobe hiện đã đưa phiên bản thử nghiệm công khai của Photoshop lên web.

Tổng quan cơ bản về cách tạo một thành phần thích ứng, thích ứng và dễ tiếp cận, có nhiều lựa chọn để sắp xếp và lọc trải nghiệm người dùng.

Tìm hiểu kiến thức cơ bản về việc sử dụng API Navigation và Resource Timing API để đánh giá hiệu suất tải tại trường.

Sanitizer API mới hướng đến việc xây dựng một bộ xử lý mạnh mẽ để chèn các chuỗi tuỳ ý vào trang một cách an toàn. Bài viết này giới thiệu về API này cũng như giải thích cách sử dụng API này.

Tài liệu này thảo luận về các phương pháp hay nhất về hiệu suất mà bạn có thể sử dụng khi tải nội dung nhúng của bên thứ ba, kỹ thuật tải hiệu quả và công cụ Layout Shift Terminator giúp giảm sự thay đổi bố cục đối với những nội dung nhúng phổ biến.

Câu trả lời cho các câu hỏi thường gặp về SPA, Các chỉ số quan trọng về trang web và kế hoạch của Google nhằm giải quyết các hạn chế hiện tại về việc đo lường.

preventDefault và stopPropagation: trường hợp sử dụng và chức năng chính xác của từng phương thức. Việc xử lý sự kiện JavaScript thường rất đơn giản. Điều này đặc biệt đúng khi xử lý cấu trúc HTML đơn giản (tương đối phẳng). Tuy nhiên, mọi thứ sẽ