Buzz
.
Loại Bỏ Các Tài Nguyên Chặn Hiển Thị
Một trong những cách đơn giản và hiệu quả để tối ưu hóa Google Pagespeed Insights là loại bỏ các tài nguyên chặn hiển thị. Điều này liên quan đến các tệp JavaScript và Cascading Style Sheets (CSS) có kích thước lớn hơn 20KB, gây chậm quá trình hiển thị nội dung HTML của trang web. Khi trình duyệt của khách hàng truy cập trang web phải tải và xử lý các tài nguyên này trước khi hiển thị nội dung chính, tốc độ tải trang web có thể bị ảnh hưởng đáng kể.
Có hai cách phổ biến và hiệu quả để loại bỏ các tài nguyên chặn hiển thị:
a. Nếu trang web của bạn không có quá nhiều JavaScript hoặc CSS, bạn có thể nhúng chúng trực tiếp vào mã HTML để khắc phục vấn đề này. Điều này có thể được thực hiện thông qua các plugin hoặc các công cụ tối ưu hóa cho các hệ thống quản lý nội dung như WordPress.
b. Một cách khác là sử dụng tính năng 'defer' hoặc tải không đồng bộ cho các tệp JavaScript. Điều này có nghĩa là tệp JavaScript của trang web sẽ được tải xuống trong quá trình phân tích mã HTML, nhưng sẽ không thực thi cho đến khi quá trình phân tích HTML hoàn tất. Có nhiều plugin hỗ trợ tính năng này cho các trang web sử dụng WordPress, chẳng hạn như WP Rocket, WP Performance, Litespeed, Perfmatters, v.v.
Giảm Số Lượng Yêu Cầu và Kích Thước Tài Nguyên
Khi trình duyệt cần thực hiện nhiều yêu cầu để tải trang web của bạn và kích thước của các tài nguyên từ máy chủ của bạn càng lớn, thời gian tải trang web sẽ càng lâu. Do đó, quan trọng để giảm số lượng yêu cầu HTTP và giảm kích thước tài nguyên để tối ưu hóa Google Pagespeed Insights.
Để giảm số lượng yêu cầu và kích thước tài nguyên, bạn nên:
a. Tối Ưu Hóa Kích Thước Hình Ảnh Trên Trang Web
b. Hạn Chế Số Lượng và Font Chữ Trên Trang Web
c. Giảm Số Lượng Tài Nguyên Bên Ngoài Của Trang Web
d. Tối Ưu Hóa Kích Thước Các Tệp HTML, CSS và JavaScript
e. Hạn Chế Số Lượng Yêu Cầu HTTP Tối Đa Trên Mỗi Trang
Bằng cách tuân theo những nguyên tắc này, bạn có thể tối ưu hóa hiệu suất của trang web trên Google Pagespeed Insights và cải thiện trải nghiệm của người dùng.
Rút Gọn Cascading Style Sheets (CSS)
Khi máy chủ xử lý các tệp CSS, chúng thường bao gồm các đoạn ghi chú và khoảng trắng dành cho lập trình viên để đọc và sửa lỗi. Tuy nhiên, những thứ này không cần thiết đối với trình duyệt và có thể làm giảm tốc độ tải trang web của bạn, không giúp tối ưu Google Pagespeed Insights. Rút gọn Cascading Style Sheets đòi hỏi việc cô đọng và nén các tệp CSS bằng cách loại bỏ các ký tự không cần thiết, khoảng trắng và các phần CSS trùng lặp hoặc viết sai.
Rút Gọn JavaScript
Tương Tự Như Việc Rút Gọn CSS, Rút Gọn JavaScript Cũng Quan Trọng Để Tối Ưu Tốc Độ Tải Trang Web Của Bạn Và Đạt Được Điểm Cao Trên Google Pagespeed Insights. Rút Gọn JavaScript Bao Gồm Việc Giảm Thiểu Hoặc Đơn Giản Hóa Mã JavaScript Bằng Cách Loại Bỏ Các Dòng Hoặc Chú Thích Không Cần Thiết.
Nâng Cấp Nội Dung
