Aktywna kompresja Gzip - CSS-Tricks

Anonim

Kompresja skraca czas odpowiedzi, zmniejszając rozmiar odpowiedzi HTTP. Gzip to najpopularniejsza i najskuteczniejsza obecnie dostępna metoda kompresji, która ogólnie zmniejsza rozmiar odpowiedzi o około 70%.

W 2009 roku 90% ruchu internetowego przechodziło przez obsługiwane przeglądarki. Gzip. Dzisiaj:

Wszystkie nowoczesne przeglądarki obsługują i automatycznie negocjują kompresję GZIP dla wszystkich żądań HTTP: naszym zadaniem jest zapewnienie, że serwer jest odpowiednio skonfigurowany do obsługi skompresowanych zasobów na żądanie klienta.

Na serwerze opartym na Apache możesz to zrobić za pomocą pliku `.htaccess`:

# BEGIN GZIP AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript # END GZIP

Zasadniczo jest to lista typów MIME, do których zostanie zastosowane narzędzie gzipping. Możesz dowolnie zmieniać listę na wszystkie obsługiwane zasoby tekstowe.

Projekt HTML5 Boilerplate oferuje konfiguracje serwerów dla wszystkich popularnych serwerów. To jest wersja dla .htaccess

 AddOutputFilterByType DEFLATE "application/atom+xml" \ "application/javascript" \ "application/json" \ "application/ld+json" \ "application/manifest+json" \ "application/rdf+xml" \ "application/rss+xml" \ "application/schema+json" \ "application/vnd.geo+json" \ "application/vnd.ms-fontobject" \ "application/x-font-ttf" \ "application/x-javascript" \ "application/x-web-app-manifest+json" \ "application/xhtml+xml" \ "application/xml" \ "font/eot" \ "font/opentype" \ "image/bmp.webp" \ "image/svg+xml" \ "image/vnd.microsoft.icon" \ "image/x-icon" \ "text/cache-manifest" \ "text/css" \ "text/html" \ "text/javascript" \ "text/plain" \ "text/vcard" \ "text/vnd.rim.location.xloc" \ "text/vtt" \ "text/x-component" \ "text/x-cross-domain-policy" \ "text/xml"