如何指定變體：Accept-Encoding標頭？

Question

谷歌和pingdom.com說我應該 「指定一個不同：Accept-Encoding標頭」

我不知道或不明白如何做到這一點。任何人都可以解釋它是什麼，它有什麼作用？

Answer 1

我認爲你必須啓用特定文件的壓縮，如css,js和xml。 下面的代碼添加到您的域的根.htaccess文件將使這種功能，你的服務器上：

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

如果您想更多的文件類型添加到這個規則，只是簡單的將其擴展名添加到聲明！ <FilesMatch "\.(js|css|xml|gz|newone)$">

Answer 2

我也有這個問題，不能正常工作

WHT的情況是我的另一個頭指令爲我的PHP文件

我有一個頭設置緩存控制 - 它覆蓋標題附加變化，所以你必須把它們放在同一個區域。
我有什麼做的是設置會發生變化一個Filesmatch聲明中的所有其他文件和緩存，並在單獨FilesMatch聲明這樣會發生變化的PHP文件：

<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> 

這不是我的實際的cache控制語句 - 僅爲示例代碼簡化。

Answer 3

我得到的https://tools.pingdom.com/近100％的得分和https://developers.google.com/speed/pagespeed/insights/

我發現了一個有用的職位，以加快WordPress的網站或博客https://www.keycdn.com/blog/speed-up-wordpress/

與其他一些優化，我也使用下面的代碼在我的網站在.htaccess文件（通常是隱藏在主站文件夾）

我的服務器是Apache的，你可以在主機控制面板（像的cPanel/WHM面板）檢查（如果你的服務器是nginx的檢查keycdn.com後）

（複製並粘貼在以下.htaccess文件的代碼，它的工作爲我好）

（給予好評這個答案，如果你的作品）

<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>