Actieve Gzip-compressie - CSS-trucs

Anonim

Compressie vermindert de reactietijden door de grootte van de HTTP-reactie te verkleinen. Gzip is de meest populaire en effectieve compressiemethode die momenteel beschikbaar is en vermindert over het algemeen de responsomvang met ongeveer 70%.

In 2009 reisde 90% van het internetverkeer via browsers die dit ondersteunden. Gzip. Vandaag:

Alle moderne browsers ondersteunen en onderhandelen automatisch over GZIP-compressie voor alle HTTP-verzoeken: het is onze taak om ervoor te zorgen dat de server correct is geconfigureerd om de gecomprimeerde bron te bedienen wanneer daarom wordt gevraagd door de klant.

Op een Apache-gebaseerde server kun je dat doen via het `.htaccess` bestand:

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

Dat is in wezen een lijst met MIME-typen waarop gzipping dan van toepassing is. Voel je vrij om de lijst aan te passen aan alle op tekst gebaseerde items die je bedient.

Het HTML5 Boilerplate-project biedt serverconfiguraties voor alle populaire servers. Dit is de versie voor .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"