Cách tìm kiểu CSS không sử dụng trong Biểu định kiểu của bạn

css

Mặc dù các bảng định kiểu của bạn đã được lưu vào bộ nhớ đệm, lần đầu tiên ai đó truy cập trang web của bạn, một tệp CSS cồng kềnh thực sự có thể làm chậm trang web của bạn. Điều này không quá tuyệt đối với ấn tượng đầu tiên. Khi các trang web phát triển, chúng có xu hướng mở rộng với các tiện ích và đối tượng mới mà các nhà thiết kế tiếp tục tinh chỉnh với ngày càng nhiều tùy chọn biểu định kiểu. Theo thời gian, bảng định kiểu của bạn có thể trở nên khá cồng kềnh và là một phần quan trọng của tại sao trang web của bạn tải xuống chậm hơn hơn những thứ khác.

Tôi đã thấy các công cụ xác minh CSS khác trên web. Chúng tôi đã sử dụng CSS sạch để giảm kích thước tệp bằng cách sắp xếp tốt hơn và thu nhỏ dữ liệu trên đó. Tuy nhiên, khi sử dụng bên thứ ba để phân tích trang web của mình, bạn phải cẩn thận. Nếu họ quét một trang và phân tích CSS của bạn, công cụ này có thể giúp bạn loại bỏ bớt rất nhiều kiểu được sử dụng trên các trang khác.

Không phải trường hợp CSS không sử dụng - một công cụ Andrew Baldock từ Mindjet, một sơ đồ tư duy ứng dụng, đã cho tôi xem ngày hôm qua. Công cụ thu thập dữ liệu trang web của bạn và xác định CSS không sử dụng. Bạn thậm chí có thể kiểm tra các kiểu mà bạn muốn giữ lại bất kể phân tích như thế nào. Đầu tiên, bạn có thể tải xuống biểu định kiểu sau khi nó chạy qua một quy trình rút gọn.

css không sử dụng

Trên đây là bảng điều khiển nơi CSS không sử dụng nhận thấy rằng nó có thể giảm 56% bảng định kiểu của tôi. Chúng tôi sẽ tiếp tục thử nghiệm công cụ này - tôi vẫn lo ngại về các đối tượng mà chúng tôi đang sử dụng thông qua Javascript và Ajax. Tuy nhiên, nó trông giống như một nguồn tài nguyên tuyệt vời cho chúng tôi.

2 Comments

  1. 1
  2. 2

Bạn nghĩ gì?

Trang web này sử dụng Akismet để giảm spam. Tìm hiểu cách xử lý dữ liệu nhận xét của bạn.