Làm cách nào để đặt tiêu đề hết hạn cho CSS, JS và Hình ảnh?

Gần đây tôi đã phân tích trang web của mình với addon trangpeed trên fireorms. Nó đề nghị tôi thiết lập hết hạn trên các tệp CSS, JS và hình ảnh.

Tôi tự hỏi làm thế nào để tôi làm điều này?

Cập nhật cấu hình Apache của bạn để bao gồm các chỉ thị bên dưới như một phần của cấu hình cốt lõi của bạn :

# 
# associate .js with "text/javascript" type (if not present in mime.conf)
# 
AddType text/javascript .js

# 
# configure mod_expires
# 
# URL: http://httpd.apache.org/docs/2.2/mod/mod_expires.html
# 
<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresDefault "access plus 1 seconds"
    ExpiresByType image/x-icon "access plus 2692000 seconds"
    ExpiresByType image/jpeg "access plus 2692000 seconds"
    ExpiresByType image/png "access plus 2692000 seconds"
    ExpiresByType image/gif "access plus 2692000 seconds"
    ExpiresByType application/x-shockwave-flash "access plus 2692000 seconds"
    ExpiresByType text/css "access plus 2692000 seconds"
    ExpiresByType text/javascript "access plus 2692000 seconds"
    ExpiresByType application/x-javascript "access plus 2692000 seconds"
    ExpiresByType text/html "access plus 600 seconds"
    ExpiresByType application/xhtml+xml "access plus 600 seconds"
</IfModule>

# 
# configure mod_headers
# 
# URL: http://httpd.apache.org/docs/2.2/mod/mod_headers.html
# 
<IfModule mod_headers.c>
    <FilesMatch "\\.(ico|jpe?g|png|gif|swf|css|js)$">
        Header set Cache-Control "max-age=2692000, public"
    </FilesMatch>
    <FilesMatch "\\.(x?html?|php)$">
        Header set Cache-Control "max-age=600, private, must-revalidate"
    </FilesMatch>
    Header unset ETag
    Header unset Last-Modified
</IfModule>

Bạn có thể đặt cái này trong htaccess của bạn:

<FilesMatch "(?i)^.*\.(ico|flv|jpg|jpeg|png|gif|js|css)$">
ExpiresActive On
ExpiresDefault A2592000
</FilesMatch>

Nó sẽ nhắm mục tiêu các tệp có các phần mở rộng đó (ico, flv, jpg, v.v.) và đặt tiêu đề Hết hạn là thời gian truy cập (A) cộng thêm 30 ngày (2592000 giây). Bạn cũng có thể thêm cái này ở cấp máy chủ nếu bạn có quyền truy cập vào đó.

Nó phụ thuộc từ máy chủ và cách bạn phục vụ những thứ này. Tùy chọn 1) nếu bạn điều khiển máy chủ, hãy tạo apache để thêm các tiêu đề hết hạn trong phản hồi Tùy chọn 2) nếu bạn không điều khiển máy chủ web hoặc bạn lưu trữ hình ảnh / js / css / etc bạn có thể đặt các tiêu đề này từ tập lệnh phục vụ họ

Hãy nhớ rằng những gợi ý này được khuyến khích nhưng không phải là sự thật tuyệt đối. Chúng giúp bạn tiết kiệm băng thông hơn là tăng tốc trang web của bạn. Vì vậy, nếu bạn có lưu lượng truy cập thấp đến trang web của mình, đừng quá lo lắng về điều này.

Thiết lập hết hạn trong Máy chủ web Lightspeed

Đăng nhập vào Bảng điều khiển dành cho quản trị viên sau đó> Máy chủ-> Chung-> Cài đặt hết hạn-> Hết hạn theo loại

Thêm những điều sau:

text/css=A604800, text/javascript=A604800, application/javascript=A604800, application/x-javascript=A604800, application/x-shockwave-flash=A604800, image/gif=A604800, image/jpg=A604800, image/jpeg=A604800, image/png=A604800, image/ico=A604800, image/icon=A604800

604800 là giây hết hạn, phù hợp với nhu cầu của bạn vì 168 giờ là 7 ngày. Ngoài ra, Light Speed ​​Server không sử dụng htaccess mà bạn cần thêm dòng sau:

ExpiresActive On

Ngoài ra, nếu bạn không có quyền truy cập bảng điều khiển quản trị, hãy thử tệp .htaccess sau:

  ExpiresByType image/png A604800
  ExpiresByType image/gif A604800
  ExpiresByType image/jpg A604800
  ExpiresByType image/jpeg A604800
  ExpiresByType text/javascript A604800
  ExpiresByType application/x-javascript A604800
  ExpiresByType text/css A604800