Chuyển ngay đến nội dung chính
web.dev
Tài nguyên
  • Nền tảng web
  • Tìm hiểu nền tảng web theo tốc độ của bạn.
  • HTML
  • CSS
  • JavaScript
  • Trải nghiệm người dùng
  • Tìm hiểu cách xây dựng trải nghiệm người dùng tốt hơn.
  • Hiệu suất
  • Hỗ trợ tiếp cận
  • Danh tính
  • Học tập
  • Làm quen nhanh với hoạt động phát triển web.
  • Tìm hiểu HTML
  • Tìm hiểu CSS
  • Tìm hiểu JavaScript
  • Tìm hiểu về AI
  • Tìm hiểu về hiệu suất
  • Tìm hiểu về tính năng hỗ trợ tiếp cận
  • Khoá học khác
  • Tài nguyên khác
  • Khám phá các bộ sưu tập nội dung, mẫu và nhiều nội dung khác.
  • AI và web
  • Khám phá
  • PageSpeed Insights
  • Podcast và chương trình
  • Bản tin dành cho nhà phát triển
  • Giới thiệu về web.dev
Khám phá Đường cơ sở Cách sử dụng Baseline Blog Nghiên cứu điển hình
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
Đăng nhập
  • Articles
AI và web Thời gian tải nhanh Tìm hiểu Các chỉ số quan trọng về trang web Danh tính Ứng dụng web tiến bộ Thanh toán Thông báo Cách tối ưu hoá INP Độ tin cậy của mạng Phản ứng Ảnh động Ứng dụng nhỏ Nội dung nghe nhìn An toàn và bảo mật WebAssembly Thiết bị Dễ phát hiện Thử nghiệm tự động hoá Angular
web.dev
  • Tài nguyên
    • Xem thêm
    • AI và web
    • Thời gian tải nhanh
    • Tìm hiểu Các chỉ số quan trọng về trang web
    • Danh tính
    • Ứng dụng web tiến bộ
    • Thanh toán
    • Thông báo
    • Cách tối ưu hoá INP
    • Độ tin cậy của mạng
    • Phản ứng
    • Ảnh động
    • Ứng dụng nhỏ
    • Nội dung nghe nhìn
    • An toàn và bảo mật
    • WebAssembly
    • Thiết bị
    • Dễ phát hiện
    • Thử nghiệm tự động hoá
    • Angular
  • Khám phá
  • Đường cơ sở
  • Cách sử dụng Baseline
  • Blog
  • Nghiên cứu điển hình
  • Giới thiệu
  • Tại sao tốc độ lại quan trọng?
  • Tốc độ là gì?
  • Làm thế nào để đo tốc độ?
  • Làm thế nào để luôn hoạt động nhanh?
  • Core Web Vitals
  • Web Vitals
  • Các chỉ số hiệu suất tập trung vào người dùng
  • Xác định ngưỡng chỉ số Các chỉ số quan trọng về trang web
  • Thời gian hiển thị nội dung lớn nhất (LCP)
  • Điểm số tổng hợp về mức thay đổi bố cục (CLS)
  • Lượt tương tác đến nội dung hiển thị tiếp theo (INP)
  • Tối ưu hoá thời gian hiển thị nội dung lớn nhất
  • Tối ưu hoá điểm số tổng hợp về mức thay đổi bố cục
  • Tối ưu hoá tương tác cho thời gian hiển thị tiếp theo
  • Những cách hiệu quả nhất để cải thiện Chỉ số quan trọng chính của trang web
  • Quy trình làm việc của Các chỉ số quan trọng về trang web thông qua các công cụ của Google
  • Tối ưu hoá Các chỉ số quan trọng về trang web cho người ra quyết định kinh doanh
  • Đo lường hiệu suất trong trường
  • Sử dụng Báo cáo trải nghiệm người dùng trên Chrome để xem xét hiệu suất trong thực tế
  • Tại sao dữ liệu thực tế và phòng thí nghiệm có thể khác nhau (và cần làm gì với chúng)
  • Tại sao dữ liệu CrUX lại khác với dữ liệu CLS (Đạo luật về quyền riêng tư của người tiêu dùng)?
  • Tối ưu hoá việc phân phối tài nguyên
  • Tối ưu hoá thời gian cho byte đầu tiên
  • Mạng phân phối nội dung (CDN)
  • Ưu tiên tài nguyên
  • Tải trước các nội dung quan trọng để cải thiện tốc độ tải
  • Thiết lập kết nối mạng sớm để cải thiện tốc độ trang nhận thấy được
  • Tìm nạp trước tài nguyên để tăng tốc độ di chuyển trong tương lai
  • Phát nhanh với tính năng tải trước âm thanh và video
  • Phân phát thích ứng dựa trên chất lượng mạng
  • Tối ưu hóa hình ảnh
  • Chọn định dạng hình ảnh phù hợp
  • Chọn đúng mức độ nén
  • Dùng Imagemin để nén hình ảnh
  • Thay thế GIF động bằng video để tải trang nhanh hơn
  • Phân phát hình ảnh thích ứng
  • Phân phát hình ảnh có kích thước chính xác
  • Sử dụng hình ảnh WebP
  • Sử dụng CDN hình ảnh để tối ưu hoá hình ảnh
  • Tải từng phần hình ảnh và video
  • Tải từng phần hình ảnh ở cấp trình duyệt dành cho web
  • Tối ưu hoá phông chữ trên web
  • Các phương pháp hay nhất về phông chữ
  • Tránh văn bản ẩn trong khi tải phông chữ
  • Tối ưu hoá việc tải và hiển thị phông chữ trên web
  • Giảm kích thước phông chữ trên web
  • Tối ưu hoá CSS
  • Trì hoãn CSS không quan trọng
  • Giảm thiểu CSS
  • Trích xuất CSS quan trọng
  • Tối ưu hoá hình nền CSS bằng truy vấn nội dung nghe nhìn
  • Tối ưu hoá tài nguyên của bên thứ ba
  • Hiệu suất JavaScript của bên thứ ba
  • Xác định JavaScript chậm của bên thứ ba
  • Tải JavaScript của bên thứ ba một cách hiệu quả
  • Các phương pháp hay nhất dành cho thẻ và trình quản lý thẻ
  • Tối ưu hoá JavaScript của bạn
  • Tối ưu hoá các thao tác dài
  • Tối ưu hoá tương tác cho thời gian hiển thị tiếp theo
  • Áp dụng tính năng tải tức thì bằng mẫu PRPL
  • Giảm tải JavaScript bằng cách phân tách mã
  • Xoá mã không dùng đến
  • Giảm thiểu và nén tải trọng mạng
  • Cách CommonJS tăng quy mô nhóm
  • Xây dựng văn hoá hiệu suất
  • Giá trị của tốc độ
  • Hiệu suất có thể cải thiện chuyển đổi bằng cách nào?
  • Bạn nên đo lường điều gì để cải thiện hiệu suất?
  • Khắc phục tốc độ trang web liên chức năng
  • Liên quan đến tốc độ trang web và chỉ số kinh doanh
  • Đặt ngân sách hiệu suất
  • Thông tin cơ bản về ngân sách hiệu suất
  • Ngân sách hiệu suất đầu tiên của bạn
  • Kết hợp ngân sách hiệu suất vào quy trình xây dựng
  • Sử dụng Lighthouse cho ngân sách hiệu suất
  • Sử dụng kích thước gói với Travis CI
  • Sử dụng Lighthouse Bot để đặt ngân sách hiệu suất
  • Theo dõi hiệu suất với Lighthouse CI
  • Nền tảng web
  • HTML
  • CSS
  • JavaScript
  • Trải nghiệm người dùng
  • Hiệu suất
  • Hỗ trợ tiếp cận
  • Danh tính
  • Học tập
  • Tìm hiểu HTML
  • Tìm hiểu CSS
  • Tìm hiểu JavaScript
  • Tìm hiểu về AI
  • Tìm hiểu về hiệu suất
  • Tìm hiểu về tính năng hỗ trợ tiếp cận
  • Khoá học khác
  • Tài nguyên khác
  • AI và web
  • Khám phá
  • PageSpeed Insights
  • Podcast và chương trình
  • Bản tin dành cho nhà phát triển
  • Giới thiệu về web.dev
Google sử dụng công nghệ AI để dịch nội dung sang ngôn ngữ bạn ưu tiên. Bản dịch bằng AI có thể có lỗi.
  • Trang chủ
  • Articles