Compression Gzip active - Astuces CSS

Anonim

La compression réduit les temps de réponse en réduisant la taille de la réponse HTTP. Gzip est la méthode de compression la plus populaire et la plus efficace actuellement disponible et réduit généralement la taille de la réponse d'environ 70%.

En 2009, 90% du trafic Internet a transité par des navigateurs compatibles. Gzip. Aujourd'hui:

Tous les navigateurs modernes prennent en charge et négocient automatiquement la compression GZIP pour toutes les requêtes HTTP: notre travail est de nous assurer que le serveur est correctement configuré pour servir la ressource compressée à la demande du client.

Sur un serveur basé sur Apache, vous pouvez le faire via le fichier `.htaccess`:

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

C'est essentiellement une liste de types MIME auxquels gzipping s'appliquera ensuite. N'hésitez pas à modifier la liste de tous les éléments textuels que vous servez.

Le projet HTML5 Boilerplate propose des configurations de serveur pour tous les serveurs courants. Ceci est sa version pour .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"