Giảm thiểu CSS

Trong bài viết này, tôi muốn nói về việc rút gọn mã HTML và CSS là gì, nó dùng để làm gì và làm thế nào để hoàn thành nó. Cấu trúc mã thành các khối, dòng, v.v. là cần thiết để thuận tiện cho con người có thể đọc được. Chúng tôi nhận thức các khối như vậy một cách tổng thể, chúng tôi thấy nơi thẻ mở, nơi nó đóng. Đối với các trình duyệt thì điều này là không cần thiết, chúng đọc mã một cách tuần tự và việc ngắt dòng, khoảng trắng, chú thích không cần thiết trong văn bản chỉ gây khó đọc và tăng thời gian tải trang. Vì vậy, có hai lý do chính cho sự cần thiết phải giảm thiểu mã: Giảm kích thước (trọng lượng) của trang và do đó, tăng tốc độ tải của trang. Lý do thứ hai sau lý do thứ nhất. Đây là một sự cải thiện trong các yếu tố hành vi. Nếu trang web tải nhanh hơn, thì tỷ lệ thoát sẽ thấp hơn, tăng lưu lượng truy cập, tăng kết quả tìm kiếm, v.v.

Hiện tại, có rất nhiều công cụ web để tối ưu hóa các tệp CSS. Hầu hết trong số họ có thuật toán làm việc của riêng họ (tất nhiên, có các bản sao). Bản thân hiệu quả của các chương trình cũng khác nhau đáng kể. Ngoài ra, một số trình tối ưu hóa có thể phá vỡ mã CSS, sau đó các kiểu trở nên không hợp lệ. Giảm thiểu các tệp CSS (không nên nhầm lẫn với nén CSS) liên quan đến việc xóa bất kỳ ký tự không cần thiết nào khỏi tệp để giảm kích thước và do đó tăng tốc độ tải. Thu nhỏ và nén các tệp CSS không giống nhau. Cả hai phương pháp này đều được thiết kế để giảm thời gian tải. Sự khác biệt nằm ở cách chúng hoạt động. Nén được sử dụng để giảm kích thước tệp bằng các thuật toán nén như Gzip hoặc brotli. Các tệp được nén trước khi được gửi đến máy khách.