Phân tích tốc độ website
Công cụ phân tích kỹ thuật và nội dung website, cung cấp đề xuất giúp bạn cải thiện tốc độ website.
Dữ liệu thử nghiệm
Hình ảnh có nội dung đầu tiên
Chỉ mục tốc độ
Thời điểm tương tác
Hình ảnh có ý nghĩa đầu tiên
CPU nhàn rỗi đầu tiên
FID tối đa có thể có
Hình ảnh có nội dung đầu tiên
Chỉ số Hình ảnh có nội dung đầu tiên đánh dấu thời điểm hiển thị
văn bản
hoặc hình ảnh đầu tiên.
Tìm hiểu thêm
Tìm hiểu thêm
Chỉ mục tốc độ
Chỉ mục tốc độ cho biết nội dung của một trang hiển thị nhanh
chóng đến
mức nào.
Tìm hiểu thêm
Thời điểm tương tác
Thời điểm tương tác là khoảng thời gian mà trang cần để trở nên
hoàn
toàn tương tác.
Tìm hiểu thêm
Hình ảnh có ý nghĩa đầu tiên
Chỉ số Hình ảnh có ý nghĩa đầu tiên đo lường thời điểm nội dung
chính
của trang hiển thị.
Tìm hiểu thêm
CPU nhàn rỗi đầu tiên
Chỉ số Hình ảnh có ý nghĩa đầu tiên đo lường thời điểm nội dung
chính
của trang hiển thị.
Tìm hiểu thêm
FID tối đa có thể có
Chỉ số Hình ảnh có ý nghĩa đầu tiên đo lường thời điểm nội dung
chính
của trang hiển thị.
Cơ hội
Những đề xuất tối ưu hóa này có thể tăng tốc độ tải trang
của
bạn.
Loại bỏ các tài nguyên chặn hiển thị
Các tài nguyên đang chặn hình ảnh đầu tiên trang của bạn. Hãy xem xét phân phối
nội dòng
JS/CSS quan trọng và trì hoãn mọi JS/kiểu không quan trọng.Tìm hiểu
thêm.
Có một số plugin của WordPress có thể giúp bạn đưa phần tử
quan trọng vào nội tuyến hoặc trì hoãn tài nguyên ít
quan
trọng hơn.
Xin lưu ý rằng những phương thức tối ưu hóa mà các plugin này cung cấp
có thể
làm
gián đoạn
tính năng của giao diện hoặc plugin, do đó, có thể bạn cần thay đổi mã.
URL | Kích thước (KB) | Số byte có thể tiết kiệm được (KB) |
---|
Thay đổi kích thước hình ảnh cho phù hợp
Các tài nguyên đang chặn hình ảnh đầu tiên trang của bạn. Hãy xem xét phân phối
nội dòng
JS/CSS quan trọng và trì hoãn mọi JS/kiểu không quan trọng. Tìm hiểu
thêm.
Trực tiếp tải hình ảnh lên thông qua thư viện nội dung đa
phương
tiện
để đảm bảo có các kích thước
hình ảnh theo yêu cầu, sau đó chèn hình ảnh từ thư viện nội dung đa
phương tiện
hoặc
sử dụng tiện ích
hình ảnh để đảm bảo sử dụng kích thước hình ảnh tối ưu (bao gồm cả các
kích
thước
dành cho điểm ngắt phản hồi).
Tránh sử dụng hình ảnh có
`Kích thước đầy đủ` trừ khi những hình ảnh đó có kích thước phù hợp để
sử
dụng.Tìm hiểu thêm.
URL | Kích thước (KB) | Số byte có thể tiết kiệm được (KB) |
---|
Phân phối hình ảnh ở định dạng mới và hiệu quả hơn
Các định dạng hình ảnh như JPEG 2000, JPEG XR và WebP thường nén tốt hơn so với
các định
dạng PNG hoặc JPEG.
Điều này có nghĩa là tốc độ tải xuống nhanh hơn và tiêu tốn ít dữ liệu hơn. Tìm
hiểu thêm.
Hãy cân nhắc sử dụng một plugin hoặc dịch vụ tự động
chuyển các
hình
ảnh đã tải lên sang định dạng tối ưu.
URL | Kích thước (KB) | Số byte có thể tiết kiệm được (KB) |
---|
Trì hoãn tải các hình ảnh ngoài màn hình
Xem xét trì hoãn tải các hình ảnh ẩn và ngoài màn hình sau khi tất cả tài nguyên
quan
trọng
tải xong để giảm thời gian tương tác. Tìm hiểu thêm.
Cài đặt một plugin tải từng phần của WordPress giúp trì
hoãn mọi
hình
ảnh ngoài màn hình, hoặc chuyển sang một
giao diện cung cấp chức năng đó. Ngoài ra, hãy cân nhắc sử dụng plugin
AMP.
URL | Kích thước (KB) | Số byte có thể tiết kiệm được (KB) |
---|
Xóa biểu định kiểu xếp chồng (CSS) không dùng
Xóa các quy tắc vô hiệu khỏi biểu định kiểu và trì hoãn tải Biểu định kiểu xếp
chồng
(CSS)
không dùng cho nội dung trong màn hình đầu tiên để giảm số byte
không cần thiết mà hoạt động mạng sử dụng. Tìm hiểu thêm.
Hãy cân nhắc giảm hoặc chuyển đổi số lượng plugin của
WordPress
tải
CSS không
sử dụng trong trang của bạn. Để xác định các plugin đang thêm CSS không
liên
quan,
hãy thử chạy phạm vi của mã trong Chrome DevTools. Bạn có
thể xác
định giao diện/plugin gây ra
tình trạng này từ URL của biểu định kiểu. Hãy chú ý đến những plugin có
nhiều
biểu
định kiểu trong danh sách.
Những plugin này có nhiều màu đỏ trong phạm vi của mã. Một plugin chỉ
nên thêm
một
biểu định
kiểu vào hàng đợi nếu biểu định kiểu đó thực sự được sử dụng trên trang.
URL | Kích thước (KB) | Số byte có thể tiết kiệm được (KB) |
---|
Giảm thời gian phản hồi của máy chủ (TTFB)
Chỉ số Thời gian cho byte đầu tiên xác định thời gian máy chủ của bạn gửi một
phản hồi.
Tìm hiểu thêm.
Giao diện, plugin và thông số máy chủ đều tác động đến thời gian phản
hồi của
máy
chủ. Hãy cân nhắc tìm một giao diện được tối ưu hóa,
lựa chọn cẩn thận một plugin tối ưu hóa và/hoặc nâng cấp máy chủ.
Mã hóa hình ảnh hiệu quả
Hình ảnh được tối ưu hóa sẽ tải nhanh hơn và tiêu tốn ít dữ liệu di động hơn.
Tìm hiểu thêm.
Hãy cân nhắc sử dụng một plugin tối ưu hóa hình ảnh của
WordPress
có khả năng nén hình ảnh mà vẫn giữ được chất lượng.
URL | Kích thước (KB) | Số byte có thể tiết kiệm được (KB) |
---|
Chẩn đoán
Thông tin khác về hiệu suất ứng dụng của bạn.
Đảm bảo văn bản vẫn hiển thị trong khi tải phông chữ web
Sử dụng tính năng CSS hiển thị phông chữ để đảm bảo văn bản hiển thị với người dùng
khi
phông chữ web đang tải.
Tìm hiểu thêm.
URL | Số byte có thể tiết kiệm được (KB) |
---|
Phân phối các nội dung tĩnh bằng chính sách bộ nhớ đệm hiệu quả
Đã tìm thấy tài nguyên
Tuổi thọ lâu dài của bộ nhớ đệm có thể tăng tốc số lượt truy cập lặp lại vào trang
của bạn.
Tìm hiểu thêm.
URL | Thời gian tồn tại (TTL) của bộ nhớ đệm | Kích thước (KB) |
---|
Tránh kích thước DOM quá lớn
phần tử
To set budgets for the quantity and size of page resources, add a budget.json file.
Thống kê | Phần tử | Giá trị |
---|
Giảm thời gian thực thi JavaScript
To set budgets for the quantity and size of page resources, add a budget.json file.
URL | Tổng thời gian của CPU | Đánh giá tập lệnh | Phân tích cú pháp tập lệnh |
---|
Giảm thiểu độ sâu của các yêu cầu quan trọng
Các chuỗi yêu cầu quan trọng dưới đây cho bạn biết những tài nguyên có mức độ ưu
tiên cao sẽ
được tải. Hãy cân nhắc giảm độ dài chuỗi,
giảm kích thước tài nguyên tải xuống hoặc trì hoãn tải xuống các tài nguyên không
cần thiết
để cải thiện tốc độ tải trang.Tìm hiểu thêm.
Keep request counts low and transfer sizes small
To set budgets for the quantity and size of page resources, add a budget.json file.
Resource Type | Requests | Transfer Size |
---|
Third-Party Usage
To set budgets for the quantity and size of page resources, add a budget.json file.
Third-Party | Kích thước (KB) | Main Thread Time |
---|
Số lần kiểm tra đạt yêu cầu (10)
Điểm tốc độ được dựa trên dữ liệu thử nghiệm do Lighthouse
phân tích.
Thời gian phân tích 09:32:40, 24/9/2019