2015-02-13 3 views
4

I'm, которое обеспечивает сжатие GZIP, чтобы увеличить скорость в Google PageSpeed ​​Insights:Chrome Devtool не показывают Content-Encoding в заголовках ответа

Если сжатый mantaspersonalizadas.com/fonts/Cocktail-Shaker.svg, позволит сэкономить 144,1 KB (сокращение на 65%). Если сжатый mantaspersonalizadas.com/fonts/Cocktail-Shaker.ttf, сэкономит 62,6 КБ (сокращение на 49%). Если сжатый файл mantaspersonalizadas.com/fonts/Cocktail-Shaker.woff, он сохранит 2.6 KB (сокращение 5%).

Я использую Apache сервер, добавить этот код .htacess:

<IfModule mod_deflate.c> 
    AddOutputFilterByType DEFLATE text/html 
    AddOutputFilterByType DEFLATE text/css 
    AddOutputFilterByType DEFLATE text/javascript 
    AddOutputFilterByType DEFLATE text/xml 
    AddOutputFilterByType DEFLATE text/plain 
    AddOutputFilterByType DEFLATE image/x-icon 
    AddOutputFilterByType DEFLATE image/svg+xml 
    AddOutputFilterByType DEFLATE application/rss+xml 
    AddOutputFilterByType DEFLATE application/javascript 
    AddOutputFilterByType DEFLATE application/x-javascript 
    AddOutputFilterByType DEFLATE application/xml 
    AddOutputFilterByType DEFLATE application/xhtml+xml 
    AddOutputFilterByType DEFLATE application/x-font 
    AddOutputFilterByType DEFLATE application/x-font-truetype 
    AddOutputFilterByType DEFLATE application/x-font-ttf 
    AddOutputFilterByType DEFLATE application/x-font-otf 
    AddOutputFilterByType DEFLATE application/x-font-opentype 
    AddOutputFilterByType DEFLATE application/vnd.ms-fontobject 
    AddOutputFilterByType DEFLATE font/ttf 
    AddOutputFilterByType DEFLATE font/otf 
    AddOutputFilterByType DEFLATE font/opentype 

# For Olders Browsers Which Can't Handle Compression 
    BrowserMatch ^Mozilla/4 gzip-only-text/html 
    BrowserMatch ^Mozilla/4\.0[678] no-gzip 
    BrowserMatch \bMSIE !no-gzip !gzip-only-text/html 
</IfModule> 

Как проверить, если выкачивает включена в моем локальном сервере?

Chrome DevTools don't шоу Content-Enconding: enter image description here

ответ

1

Это кажется проблема Chrome браузер, у меня была такая же проблема, я хоть что выкачивает не работает на сервере, а затем я попытался Firefox и используется firebug, который правильно показывал Content-Encoding в заголовках.

Также загруженный размер файла в Chrome не показал размер несжатого файла, в то время как Firefox показал правильный размер сжатых файлов.

1

Перейдем к испытанию.

запрос на example.com Хром (содержит GZIP):

GET/HTTP/1.1 
Host: www.example.com 
Connection: keep-alive 
Cache-Control: max-age=0 
Upgrade-Insecure-Requests: 1 
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.75 Safari/537.36 
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8 
Accept-Encoding: gzip, deflate, sdch 
Accept-Language: en-US,en;q=0.8 
If-None-Match: "359670651" 
If-Modified-Since: Fri, 09 Aug 2013 23:54:35 GMT 

Хром ответ от example.com (не содержит GZIP):

HTTP/1.1 304 Not Modified 
Accept-Ranges: bytes 
Cache-Control: max-age=604800 
Date: Thu, 08 Dec 2016 14:06:04 GMT 
Etag: "359670651" 
Expires: Thu, 15 Dec 2016 14:06:04 GMT 
Last-Modified: Fri, 09 Aug 2013 23:54:35 GMT 
Server: ECS (iad/182A) 
Vary: Accept-Encoding 
X-Cache: HIT 
запрос

Скручивание (клонированный из запроса Chrome, содержит gzip):

curl -I 
    -H "GET/HTTP/1.1" 
    -H "Host: www.example.com" 
    -H "Connection: keep-alive" 
    -H "Cache-Control: max-age=0" 
    -H "Upgrade-Insecure-Requests: 1" 
    -H "User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.75 Safari/537.36" 
    -H "Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8" 
    -H "Accept-Encoding: gzip, deflate, sdch" 
    -H "Accept-Language: en-US,en;q=0.8" 
    -H "If-None-Match: "359670651"" 
    -H "If-Modified-Since: Fri, 09 Aug 2013 23:54:35 GMT" 
    example.com 

Скручивание ответ (содержит GZIP):

HTTP/1.1 200 OK 
Content-Encoding: gzip 
Accept-Ranges: bytes 
Cache-Control: max-age=604800 
Content-Type: text/html 
Date: Thu, 08 Dec 2016 14:18:34 GMT 
Etag: "359670651" 
Expires: Thu, 15 Dec 2016 14:18:34 GMT 
Last-Modified: Fri, 09 Aug 2013 23:54:35 GMT 
Server: ECS (iad/182A) 
X-Cache: HIT 
x-ec-custom-error: 1 
Content-Length: 606 

Заключение

Хром в настоящее время не показывают контент-кодирование. Также Firefox. Я не знаю почему.

Теперь, когда я знаю, что они не показывают мне все, я никогда больше не верю ни в заголовок информации заголовка.

Curl полностью.

+1

Я наткнулся на это после того, как вошел в мой сервер на 2 часа! Я могу подтвердить, что с октября 2017 года Chrome + Firefox даже не отображает сжатие hreader для ** главной страницы ** в DevTools, но они делают для каждого другого ресурса (например, CSS, JS и даже Ajax-загруженных страница). См. Здесь: https://s1.postimg.org/2rv29kk73j/z_Shot_1507239352.png Предлагаемый curl трюк работает надежно для меня. –

Смежные вопросы