Cách tốt nhất để phiên bản URL CSS và JS là gì?

Theo Thực tiễn tốt nhất được tăng cường nhiều lần của Yahoo để tăng tốc trang web của bạn , chúng tôi cung cấp nội dung tĩnh từ CDN bằng cách sử dụng các tiêu đề hết hạn bộ nhớ cache trong tương lai xa. Tất nhiên, đôi khi chúng tôi cần cập nhật các tệp "tĩnh" này, vì vậy chúng tôi hiện đang thêm phiên bản infix như một phần của tên tệp (dựa trên tổng SHA1 của nội dung tệp). Như vậy:

styles.min.css

Trở thành:

styles.min.abcd1234.css

Tuy nhiên, việc quản lý các tệp được phiên bản có thể trở nên tẻ nhạt và tôi đã tự hỏi liệu một ký hiệu đối số GET có thể sạch hơn và tốt hơn không:

styles.min.css?v=abcd1234

Bạn sử dụng cái nào, và tại sao? Có những cân nhắc liên quan đến trình duyệt hoặc proxy / bộ đệm mà tôi nên xem xét không?

Theo Google Make the Web Faster , các trang có tham số truy vấn không được lưu trữ bởi nhiều proxy HTTP.

Hầu hết các proxy, đáng chú ý nhất là Squid lên đến phiên bản 3.0, không lưu trữ tài nguyên với dấu "?" trong URL của họ ngay cả khi một Cache-control: publictiêu đề có mặt trong phản hồi. Để bật bộ đệm ẩn proxy cho các tài nguyên này, hãy xóa các chuỗi truy vấn khỏi tham chiếu đến tài nguyên tĩnh và thay vào đó mã hóa các tham số vào chính tên tệp.

Vậy styles.min.abcd1234.csslà giải pháp ưa thích. Bạn có thể sử dụng một cơ chế viết lại URL thích hợp để biến styles.min.abcd1234.cssthành dễ thực hiện hơn styles.min.css?v=abcd1234trong suốt.

Nếu bạn chỉ hỗ trợ HTTPS, lời khuyên đó không được áp dụng, vì proxy thường không thể lưu các trang được lưu trong SSL.

Sử dụng phiên bản kiểu GET, từ bộ đệm trống nhiều URL - ví dụ style.css?v=123và style.css?v=456- sẽ trả về cùng một nội dung. Tuy nhiên tôi không thể thấy điều này sẽ có vấn đề, đặc biệt là khi bạn chỉ liên kết với một lần.

Tôi nghĩ bạn sẽ thấy kiểu GET dễ bảo trì hơn nhiều. Bạn không cần các tệp riêng biệt: chỉ cần thay đổi URL và trình duyệt sẽ tìm nạp CSS một lần nữa.

CẬP NHẬT: trong nghiên cứu sâu hơn, có vẻ như việc sử dụng chuỗi truy vấn có thể dừng trình duyệt lưu trữ các tệp. Tuy nhiên, nếu bạn đang trả lại các tiêu đề thích hợp như Expiresđây không phải là vấn đề.

CẬP NHẬT 2: câu trả lời được chấp nhận chỉ ra rằng một số proxy không lưu trữ tệp với chuỗi truy vấn. Tuy nhiên điều này dựa trên thông tin cũ; vấn đề cụ thể mà họ đề cập trong Squid đã được khắc phục 7 năm trước. Web ấn tượng đã viết tốt về điều này.

Cả hai sẽ hoạt động tốt như nhau khi một chuỗi truy vấn được coi là một phần của URL và bằng cách thay đổi nó, bạn có hiệu lực thay đổi tên của tài nguyên, do đó khiến trình duyệt tìm nạp một bản sao mới của tệp.

Tôi nói sử dụng phương pháp nào dễ dàng hơn để bạn duy trì.

Đây không phải là một câu trả lời cho câu hỏi trên , tôi muốn một giải pháp tốt hơn vì vậy tôi đang tự hỏi ở đây

Cả hai phương pháp sẽ yêu cầu sửa đổi các tệp trong đó các tệp css và js được tham chiếu. Vì vậy, trong thực tế, nó sẽ yêu cầu khởi động lại máy chủ ứng dụng sau khi thực hiện các thay đổi.

Có cách nào tốt hơn không, có thể xử lý phiên bản của tệp tĩnh mà không phải khởi động lại máy chủ Ứng dụng?

sau đây được loại trừ trong giải pháp

• thay đổi tên tập tin css và js
• vượt qua một paremeter truy vấn trong url

giải pháp cũng không ảnh hưởng đến việc thiết lập kiểm soát bộ đệm hoặc hết hạn.

cảm ơn