Ứng dụng web tức thì dành cho thiết bị di động
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Đường dẫn hiển thị quan trọng đề cập đến mọi nội dung (JavaScript, HTML, CSS, hình ảnh) mà trình duyệt yêu cầu trước khi có thể bắt đầu vẽ trang. Việc ưu tiên phân phối tài sản trên đường dẫn kết xuất quan trọng là bắt buộc, đặc biệt đối với người dùng trên các thiết bị bị hạn chế mạng như điện thoại thông minh trên mạng di động. Rand đã thảo luận về cách đội ngũ tại Google trải qua quá trình xác định và sắp xếp mức độ ưu tiên cho các thành phần cho trang web PageSpeed Insights, mất từ 20 giây tải xuống chỉ hơn 1 giây!
Trang trình bày
- Loại bỏ JavaScript và CSS chặn hiển thị.
- Ưu tiên nội dung hiển thị.
- Tải tập lệnh không đồng bộ.
- Hiển thị chế độ xem ban đầu phía máy chủ dưới dạng HTML và bổ sung bằng JavaScript.
- Giảm thiểu CSS chặn hiển thị; chỉ phân phối các kiểu cần thiết để hiển thị khung nhìn ban đầu, sau đó phân phối phần còn lại.
- Các URI dữ liệu lớn nằm trong CSS chặn hiển thị có hại cho hiệu suất kết xuất; chúng đang chặn các tài nguyên mà URL hình ảnh không chặn.
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2025-07-25 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2025-07-25 UTC."],[],["The core content discusses optimizing the Critical Rendering Path (CRP) for faster page load times. Key actions include eliminating render-blocking JavaScript and CSS, prioritizing visible content, loading scripts asynchronously, and rendering the initial view server-side as HTML. Minimizing render-blocking CSS by delivering only initial viewport styles is crucial. Large data URIs inlined within blocking CSS negatively impacts performance, unlike image URLs. These steps were used to significantly improve the PageSpeed Insights website's load time.\n"]]