Compresie Gzip activă CSS-Tricks

Anonim

Compresia reduce timpul de răspuns prin reducerea dimensiunii răspunsului HTTP. Gzip este cea mai populară și eficientă metodă de compresie disponibilă în prezent și, în general, reduce dimensiunea răspunsului cu aproximativ 70%.

În 2009, 90% din traficul de internet a călătorit prin intermediul browserelor acceptate. Gzip. Astăzi:

Toate browserele moderne acceptă și negociază automat compresia GZIP pentru toate cererile HTTP: sarcina noastră este să ne asigurăm că serverul este configurat corect pentru a servi resursa comprimată atunci când este solicitat de client.

Pe un server bazat pe Apache, puteți face acest lucru prin fișierul `.htaccess`:

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

Aceasta este în esență o listă de tipuri MIME la care se va aplica apoi gzipping. Simțiți-vă liber să modificați lista cu toate materialele bazate pe text pe care le difuzați.

Proiectul HTML5 Boilerplate oferă configurări de server pentru toate serverele populare. Aceasta este versiunea pentru .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"