Hiệu suất là một khía cạnh quan trọng của trải nghiệm người dùng. Tốc độ tải trang và tốc độ phản hồi của người dùng khi trang web có thể tác động đáng kể đến cảm nhận của người dùng về trang web và có thể tạo nên sự khác biệt giữa việc người dùng ở lại trang web hay rời bỏ trang web. Trên trang này, bạn sẽ tìm thấy nhiều thông tin về các chủ đề hiệu suất web khác nhau để giúp bạn làm cho trang web của mình nhanh và luôn nhanh.
Bạn mới làm quen với hiệu suất? Chúng tôi đã cung cấp một khoá học toàn diện để giúp bạn bắt đầu.
Bắt đầu cải thiện hiệu suất bằng cách đo lường hiệu suất trên trang web của bạn bằng PageSpeed Insights.
Nắm bắt thông tin mới nhất về 3 chỉ số Core Web Vitals, cách hoạt động và tầm quan trọng của chúng đối với trải nghiệm người dùng tốt.
Sau khi bạn tìm hiểu về các chỉ số Core Web Vitals, những hướng dẫn này có thể giúp bạn nắm được cách tối ưu hoá các chỉ số này hiệu quả nhất.
Tìm hiểu sâu hơn về Chỉ số quan trọng chính của trang web thông qua bộ hướng dẫn khám phá các chỉ số này một cách chi tiết hơn.
Khám phá các tính năng mới giúp cải thiện hiệu suất hiện đã có trong Baseline mới.
Hãy đọc bài viết về cách các công ty cải thiện Chỉ số quan trọng chính của trang web và nhờ đó, các chỉ số kinh doanh của họ cũng tăng lên.
Tìm hiểu cách sử dụng Công cụ của Chrome cho nhà phát triển để gỡ lỗi các vấn đề về hiệu suất trên trang web của bạn.
KHOÁ HỌC

Hiệu suất trang web là một lĩnh vực phức tạp và đa dạng, nhưng không thể tìm hiểu được! Nếu bạn mới làm quen với hiệu suất, khoá học của chúng tôi sẽ giúp bạn bắt đầu ngay bằng cách giới thiệu kiến thức cơ bản về hiệu suất, cho phép bạn tự tìm hiểu các chủ đề nâng cao hơn. Sau khi hoàn thành khoá học, bạn có thể áp dụng những kiến thức đã học ngay lập tức!

Tìm hiểu về hiệu suất!
Bạn không thể cải thiện hiệu suất của trang web nếu không đo lường hiệu suất đó trước. PageSpeed Insights là một công cụ đo lường hiệu suất của trang web bằng các chỉ số quan trọng tập trung vào người dùng, đồng thời có thể giúp bạn xác định những khía cạnh mà bạn có thể cải thiện hiệu suất của trang web.
Bắt đầu

Các chỉ số quan trọng về trang web là một nhóm gồm 3 chỉ số tập trung vào trải nghiệm người dùng. Các chỉ số này đo lường hiệu suất và khả năng hữu dụng của các trang, bao gồm cả thời gian tải, độ ổn định của hình ảnh và khả năng phản hồi hoạt động đầu vào của người dùng. Nếu bạn mới làm quen với Chỉ số quan trọng chính của trang web, các hướng dẫn này sẽ giúp bạn làm quen với cách hoạt động của các chỉ số này và cung cấp cho bạn một điểm xuất phát để tối ưu hoá các chỉ số đó.
LCP là chỉ số đo lường thời gian cần thiết để phần nội dung lớn nhất xuất hiện trên trang. Các trang có chỉ số LCP thấp cho người dùng biết rằng trang của bạn đang tải nhanh.
Tìm hiểu thêm
CLS là chỉ số đo lường độ ổn định của bố cục bằng cách quan sát trang để tìm những thay đổi không mong muốn trong bố cục. Những trang có CLS thấp sẽ báo hiệu cho người dùng biết rằng bố cục của một trang đang ổn định và sẽ không thay đổi đột ngột khi họ cố tương tác với trang đó.
Tìm hiểu thêm
INP là chỉ số đo lường khả năng phản hồi của trang đối với hoạt động đầu vào của người dùng. Những trang có chỉ số INP thấp cho người dùng biết rằng trang phản hồi nhanh khi họ tương tác với trang, giúp trang web của bạn trở nên đáng tin cậy và dễ dùng hơn.
Tìm hiểu thêm
Từng chỉ số trong Chỉ số quan trọng chính của trang web đều có thể được tối ưu hoá để cải thiện trải nghiệm người dùng. Mỗi hướng dẫn này đều trình bày chi tiết cách bạn có thể áp dụng các kỹ thuật đã được chứng minh để cải thiện hiệu suất và độ tin cậy của trang web, nhờ đó người dùng sẽ tương tác nhiều hơn và ít có khả năng rời bỏ trang web hơn.
Tìm hiểu cách tối ưu hoá LCP cho người dùng để họ có thể xem nội dung quan trọng nhất trên trang của bạn nhanh nhất có thể.
Tìm hiểu thêm
Tìm hiểu cách tối ưu hoá CLS cho người dùng để họ có thể mong đợi rằng trang web của bạn sẽ luôn ổn định và dễ sử dụng hơn.
Tìm hiểu thêm
Tìm hiểu cách tối ưu hoá INP cho người dùng để họ có thể mong đợi trang web của bạn phản hồi nhanh các lượt tương tác.
Tìm hiểu thêm
Ba chỉ số trong Core Web Vitals và cách tối ưu hoá các chỉ số đó là một khởi đầu tuyệt vời, nhưng còn nhiều chủ đề khác liên quan đến các chỉ số này mà bạn có thể tìm hiểu. Bộ sưu tập nội dung này sẽ giúp bạn hiểu cách đo lường, gỡ lỗi cũng như một số phương pháp hay nhất khác đối với thông báo về cookie, băng chuyền và các vấn đề thường gặp khác về giao diện người dùng.
Tìm hiểu thêm
Việc cải thiện hiệu suất không chỉ giúp cải thiện trải nghiệm người dùng mà còn có khả năng giúp doanh nghiệp của bạn phát triển. Hãy tìm hiểu cách những công ty này cải thiện Chỉ số quan trọng chính của trang web và nhận thấy các chỉ số kinh doanh tăng lên.
Tìm hiểu cách Disney+ Hotstar tăng 100% số lượt xem thẻ hằng tuần trên các thiết bị trong phòng khách bằng cách giảm 61% INP.
Tìm hiểu thêm
Tìm hiểu cách Nền tảng quản lý sự đồng ý của PubTech giảm INP trên trang web của khách hàng xuống đến 64%, đồng thời cải thiện khả năng hiển thị quảng cáo lên đến 1,5%
Tìm hiểu thêm
Tìm hiểu cách Taboola sử dụng API Khung ảnh động dài (LoAF) để cải thiện INP lên đến 36% cho các trang web đối tác nhà xuất bản.
Tìm hiểu thêm

Đường cơ sở cho nhà phát triển web biết thời điểm có thể sử dụng an toàn các tính năng của nền tảng web trong tất cả các công cụ trình duyệt chính. Dưới đây là một số tính năng liên quan đến hiệu suất web hiện có trong phiên bản Cơ sở mới.
Thuộc tính CSS content-visibility đã trở thành Baseline New (Đường cơ sở mới) vào tháng 9 năm 2024.
Định dạng hình ảnh AVIF trở thành Định dạng cơ sở mới có sẵn từ tháng 1 năm 2024.
Tính năng tải trước mô-đun đã trở thành Đường cơ sở mới có sẵn vào tháng 9 năm 2023.
Tiêu đề phản hồi HTTP Server-Timing trở thành Đường cơ sở mới có sẵn từ tháng 3 năm 2023.

Công cụ của Chrome cho nhà phát triển là một bộ công cụ dành cho nhà phát triển để gỡ lỗi ứng dụng web, bao gồm cả các công cụ giúp bạn hiểu và cải thiện hiệu suất của ứng dụng web.
Bảng điều khiển Mạng trong DevTools cho bạn biết tất cả tài nguyên mà một trang tải và thời gian tải các tài nguyên đó. Tìm hiểu cách sử dụng bảng điều khiển này để xác định các vấn đề về hiệu suất liên quan đến việc tải tài nguyên.
Tìm hiểu thêm
Bảng điều khiển Hiệu suất trong DevTools cho bạn thấy thông tin cực kỳ chi tiết về hiệu suất của một trang trong một phiên ghi, bao gồm hoạt động trên luồng chính, hoạt động mạng và các công cụ bổ sung có thể giúp bạn xác định và khắc phục các vấn đề về hiệu suất.
Tìm hiểu thêm
Bảng điều khiển Bộ nhớ cho bạn biết dung lượng bộ nhớ mà JavaScript của trang đang sử dụng. Bằng cách tìm hiểu cách sử dụng bảng điều khiển này, bạn có thể khám phá và khắc phục các vấn đề liên quan đến bộ nhớ do JavaScript của trang gây ra.
Tìm hiểu thêm