Rút gọn tài nguyên (HTML, CSS và JavaScript)

Quy tắc này sẽ kích hoạt khi PageSpeed Insights phát hiện thấy rằng có thể giảm kích thước của một trong các tài nguyên của bạn bằng cách giảm kích thước.

Tổng quan

Rút gọn là quá trình xoá dữ liệu không cần thiết hoặc dư thừa mà không ảnh hưởng đến cách trình duyệt xử lý tài nguyên, ví dụ: nhận xét và định dạng mã, xoá mã không dùng đến, sử dụng tên hàm và biến ngắn hơn, v.v.

Xem bài viết xử lý trước và tối ưu hoá theo bối cảnh để tìm hiểu thêm.

Đề xuất

Bạn nên giảm thiểu các tài nguyên HTML, CSS và JavaScript của mình:

  • Để giảm kích thước HTML, hãy thử HTMLMinifier
  • Để giảm kích thước CSS, hãy thử CSSNano và csso.
  • Để giảm kích thước JavaScript, hãy thử UglifyJS. Trình biên dịch đóng cũng rất hiệu quả. Bạn có thể tạo một quy trình xây dựng sử dụng các công cụ này để rút gọn và đổi tên các tệp phát triển và lưu chúng vào một thư mục sản xuất.

Ngoài ra, Mô-đun PageSpeed tích hợp với máy chủ web Apache hoặc Nginx để tự động tối ưu hoá trang web của bạn, bao gồm cả việc giảm kích thước tài nguyên.

Ý kiến phản hồi

Trang này có hữu ích không?