如何指定Vary: Accept-Encoding标头？

Question

谷歌和pingdom.com说我应该“指定一个Vary: Accept-Encoding头”

我不知道也不知道该怎么做。谁能解释一下它是什么，它是做什么的？

Answer 1

我在https://tools.pingdom.com/和https://developers.google.com/speed/pagespeed/insights/考试中取得了几乎100分的成绩

我找到了一个有用的帖子来加速wordpress网站或博客https://www.keycdn.com/blog/speed-up-wordpress/。

通过一些其他的优化，我还在我的网站上使用.htaccess文件中的以下代码(通常隐藏在主网站文件夹中)

我的服务器是阿帕奇，你可以检查在主机控制面板(如面板/WHM面板)(如果你的服务器是nginx检查keycdn.com post)

(将下面的代码复制并粘贴到.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>

Answer 2

我认为你必须为像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 3

我也有这个不能工作的问题

发生了什么?我的php文件有了另一个头指令。

我有一个标头集Cache-control -它覆盖了标头append Vary，所以你必须把它们放在同一个块中。

我要做的是在一个Filesmatch语句中为所有其他文件设置Vary，并在一个单独的FilesMatch语句中为php文件设置缓存和Vary，如下所示：

<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-Control语句-只是简化了示例代码。