Aktivna Gzip kompresija - CSS-trikovi

Anonim

Kompresija smanjuje vrijeme odziva smanjenjem veličine HTTP odgovora. Gzip je najpopularnija i najučinkovitija metoda kompresije koja je trenutno dostupna i općenito smanjuje veličinu odgovora za oko 70%.

2009. godine 90% internetskog prometa putovalo je putem podržanih preglednika. Gzip. Danas:

Svi moderni preglednici podržavaju i automatski pregovaraju o GZIP kompresiji za sve HTTP zahtjeve: naš posao je osigurati da je poslužitelj pravilno konfiguriran za posluživanje komprimiranog resursa na zahtjev klijenta.

Na poslužitelju koji se temelji na Apacheu to možete učiniti putem datoteke `.htaccess`:

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

To je u osnovi popis MIME vrsta na koje će se gzipiranje tada primijeniti. Slobodno promijenite popis na svu tekstualnu imovinu koju poslužujete.

Projekt HTML5 Boilerplate nudi konfiguracije poslužitelja za sve popularne poslužitelje. Ovo je njegova verzija za .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"