Cách chỉ định một đầu đề Vary: Accept-Encoding?

Question

Google và pingdom.com cho biết tôi nên "Chỉ định tiêu đề Vary: Accept-Encoding"

tôi không biết hoặc hiểu cách thực hiện việc này. Bất cứ ai có thể giải thích nó là gì và nó làm gì?

Answer 1

Tôi nghĩ bạn phải bật tính năng nén cho các tệp cụ thể như css, js và xml. Các mã sau thêm vào tập tin .htaccess gốc của tên miền của bạn sẽ cho phép loại tính năng trên bạn server:

<IfModule mod_headers.c> 
    <FilesMatch "\.(js|css|xml|gz)$"> 
    Header append Vary: Accept-Encoding 
    </FilesMatch> 
</IfModule> 

Nếu bạn muốn thêm loại tập tin nhiều hơn cho quy tắc này, chỉ đơn giản thêm phần mở rộng của nó đến tuyên bố! <FilesMatch "\.(js|css|xml|gz|newone)$">

Answer 2

Tôi cũng đã có vấn đề với điều này không làm việc

Wht xảy ra là tôi đã có một chỉ thị tiêu đề cho file php của tôi

Tôi có một Header thiết lập Cache-control - và nó ghi đè append Tiêu đề Vary, vì vậy bạn phải đặt chúng trong cùng một khối.
Những gì tôi phải làm là thiết lập các Vary cho tất cả các file khác trong một tuyên bố FilesMatch và Cache và Vary cho các tập tin php trong một tuyên bố FilesMatch riêng biệt như thế này:

<IfModule mod_headers.c> 
<FilesMatch "\.(js|css|gz)$"> 
Header append Vary: Accept-Encoding 
</FilesMatch> 
</IfModule> 


<IfModule mod_headers.c> 
<FilesMatch "\.(php)$"> 
Header set Cache-Control "max-age=300" 
Header append Vary: Accept-Encoding 
</FilesMatch> 
</IfModule> 

Đó không phải là thực tế Cache- của tôi Câu lệnh điều khiển - chỉ đơn giản hóa cho mã ví dụ.

Answer 3

Tôi nhận được gần 100 điểm% trong https://tools.pingdom.com/ và https://developers.google.com/speed/pagespeed/insights/

Tôi tìm thấy một bài hữu ích để tăng tốc độ website wordpress hoặc blog https://www.keycdn.com/blog/speed-up-wordpress/

Với một số tối ưu hóa khác, tôi cũng đang sử dụng bên dưới mã trên trang web của tôi trong .htaccess tập tin (thường ẩn trong thư mục trang web chính)

máy chủ của tôi là Apache, bạn có thể kiểm tra trong lưu trữ bảng điều khiển (Giống như cPanel/WHM panel) (nếu máy chủ của bạn là kiểm tra nginx keycdn.com bưu điện)

(Sao chép và dán mã dưới đây trong tập tin .htaccess, nó làm việc tốt cho tôi)

(Upvote câu trả lời này nếu tác phẩm cho bạn)

<IfModule mod_expires.c> 
ExpiresActive On 
ExpiresByType image/jpg "access 1 month" 
ExpiresByType image/jpeg "access 1 month" 
ExpiresByType image/gif "access 1 month" 
ExpiresByType image/png "access 1 month" 
ExpiresByType image/svg "access 1 month" 
ExpiresByType text/css "access 1 month" 
ExpiresByType text/html "access 1 month" 
ExpiresByType application/pdf "access 1 month" 
ExpiresByType text/x-javascript "access 1 month" 
ExpiresByType text/javascript "access 1 month" 
ExpiresByType application/javascript "access 1 month" 
ExpiresByType application/xhtml+xml "access 1 month" 
ExpiresByType application/x-shockwave-flash "access 1 month" 
ExpiresByType image/x-icon "access 1 month" 
ExpiresDefault "access 1 month" 
</IfModule> 

<ifModule mod_headers.c> 
    <filesMatch ".(css|jpg|jpeg|png|gif|swf|svg|js|ico)$"> 
    Header set Cache-Control "max-age=2592000, public" 
    </filesMatch> 
    <filesMatch ".(x?html?|php)$"> 
    Header set Cache-Control "private, must-revalidate" 
    </filesMatch> 
</ifModule> 

<IfModule mod_deflate.c> 
    # Compress HTML, CSS, JavaScript, Text, XML and fonts 
    AddOutputFilterByType DEFLATE application/javascript 
    AddOutputFilterByType DEFLATE application/json 
    AddOutputFilterByType DEFLATE application/atom+xml 
    AddOutputFilterByType DEFLATE application/rdf+xml 
    AddOutputFilterByType DEFLATE application/rss+xml 
    AddOutputFilterByType DEFLATE application/vnd.ms-fontobject 
    AddOutputFilterByType DEFLATE application/x-font 
    AddOutputFilterByType DEFLATE application/x-font-opentype 
    AddOutputFilterByType DEFLATE application/x-font-otf 
    AddOutputFilterByType DEFLATE application/x-font-truetype 
    AddOutputFilterByType DEFLATE application/x-font-ttf 
    AddOutputFilterByType DEFLATE application/x-font-woff 
    AddOutputFilterByType DEFLATE application/x-javascript 
    AddOutputFilterByType DEFLATE application/xhtml+xml 
    AddOutputFilterByType DEFLATE application/xml 
    AddOutputFilterByType DEFLATE font/opentype 
    AddOutputFilterByType DEFLATE font/otf 
    AddOutputFilterByType DEFLATE font/truetype 
    AddOutputFilterByType DEFLATE font/ttf 
    AddOutputFilterByType DEFLATE image/svg+xml 
    AddOutputFilterByType DEFLATE image/x-icon 
    AddOutputFilterByType DEFLATE text/css 
    AddOutputFilterByType DEFLATE text/html 
    AddOutputFilterByType DEFLATE text/javascript 
    AddOutputFilterByType DEFLATE text/plain 
    AddOutputFilterByType DEFLATE text/xml 
</IfModule>