Aktiv Gzip-kompression - CSS-tricks

Anonim

Komprimering reducerer svartider ved at reducere størrelsen på HTTP-svaret. Gzip er den mest populære og effektive komprimeringsmetode, der i øjeblikket er tilgængelig, og reducerer generelt responsstørrelsen med ca. 70%.

I 2009 rejste 90% af internettrafikken gennem browsere, der understøttede. Gzip. I dag:

Alle moderne browsere understøtter og forhandler automatisk GZIP-komprimering til alle HTTP-anmodninger: vores opgave er at sikre, at serveren er korrekt konfigureret til at betjene den komprimerede ressource, når klienten anmoder om det.

På en Apache-baseret server kan du gøre det gennem filen .htaccess:

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

Det er i det væsentlige en liste over MIME-typer, som gzipping derefter gælder for. Du er velkommen til at ændre listen til alle tekstbaserede aktiver, du betjener.

HTML5 Boilerplate-projektet tilbyder serverkonfigurationer til alle de populære servere. Dette er dens version til .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"