Có ai biết về bất kỳ vấn đề nào sử dụng chuỗi truy vấn trong tệp CSS không?

Question

Chúng tôi đang thực hiện thay đổi đối với nhân vật chính và tôi đang tranh luận về lợi ích của việc thay đổi tên hoàn toàn hoặc thêm chuỗi truy vấn vào cuối.

Có logic để giữ phiên bản cũ hỗ trợ bộ nhớ cache của Google, archive.com, v.v. nhưng nó cũng sẽ sạch hơn nhiều trên hệ thống của chúng tôi nếu tôi chỉ chỉnh sửa tệp và thêm chuỗi truy vấn vào CSS gọi điện hình ảnh:

#element-id { background-image: url('my-sprite.png?version1'); } 

Câu hỏi của tôi là, có ai biết bất kỳ vấn đề nào về trình duyệt bằng cách sử dụng truy vấn bộ nhớ cache chuỗi trong tệp CSS không?

Nghi ngờ của tôi là trình duyệt xử lý yêu cầu hình ảnh css giống như cách từ tệp CSS hoặc qua HTML, do đó, miễn là máy chủ của tôi thể hiện thông tin tiêu đề chính xác, tôi nên OK.

Answer 1

Trừ khi trình duyệt bị hỏng nghiêm trọng, sẽ không có gì sai. Giả sử bạn muốn sử dụng một tệp động, chẳng hạn như url('/layout.php?section=1') hoặc một cái gì đó. Chuỗi truy vấn là loại bắt buộc ở đó, vì vậy nếu trình duyệt không hoạt động, nó sẽ bị hỏng khá nặng.

Answer 2

Sự cố duy nhất bạn có thể gặp phải là tệp css có xu hướng được lưu vào bộ nhớ cache nhiều hơn mức bạn có thể muốn. Nếu đầu ra của my-sprite.png?version1 sẽ thay đổi thường xuyên, nó sẽ được đặt tốt hơn trên chính trang đó.

Answer 3

tl; dr Sử dụng thông số truy vấn không phải là giải pháp 100%.

Về cơ bản có hai vấn đề khi sử dụng các đường ống dẫn tài sản:

1. Đảm bảo nguồn lực của bạn được lưu trữ khi bạn muốn họ
2. hủy bỏ hiệu lực bộ nhớ cache khi bạn rev file.

Thông số chuỗi truy vấn đôi khi sẽ khiến mạng hoặc trình duyệt không lưu vào tài nguyên của bạn. Hơn nữa như ông Ailen chỉ ra "cách tiếp cận chuỗi truy vấn là không đáng tin cậy cho các khách hàng phía sau một máy chủ proxy Squid" vì vậy nó có thể tôi không đáng tin cậy cho busting bộ nhớ cache là tốt. Về cơ bản bạn không muốn phải dựa vào cấu hình của người khác.

Một vài tài liệu tham khảo:

• Rails Guides: Asset Pipeline - Các Rails Asset đường ống được xây dựng trên Sprockets một dự án đã được tập trung vào giải quyết các loại vấn đề trong một vài năm tốt bây giờ. Họ đặc biệt nhấn mạnh rằng "Không phải tất cả bộ đệm sẽ lưu trữ nội dung đáng tin cậy trong đó tên tệp chỉ khác nhau theo tham số truy vấn".

• Steve Soulders Article on revving assets - Steve Souders là một chuyên gia về hiệu suất web và tác giả cuốn sách O'Reilly "Trang web hiệu suất cao" đã viết bài viết này được đề cập đến trong hướng dẫn Rails cho phép sử dụng tên tệp quay vòng để tránh sự cố với những người đứng sau proxy máy chủ.

• HTML5 Boilerplate Suggestion - Dự án Boilerplate HTML5 được duy trì bởi Paul Irish và Nicolas Gallagher đáng kính sử dụng .htaccess về cơ bản tạo bộ lọc để thực hiện việc đổi tên tệp. Họ đặc biệt khuyên bạn nên sử dụng đổi tên tập tin thay cho các phiên bản chuỗi truy vấn.