Aktivno stiskanje Gzip - CSS-triki

Anonim

Stiskanje zmanjša odzivni čas z zmanjšanjem velikosti odziva HTTP. Gzip je trenutno najbolj priljubljena in učinkovita metoda stiskanja, ki na splošno zmanjša velikost odziva za približno 70%.

Leta 2009 je 90% internetnega prometa potovalo prek podprtih brskalnikov. Gzip. Danes:

Vsi sodobni brskalniki podpirajo in samodejno izpostavijo stiskanje GZIP za vse zahteve HTTP: naša naloga je zagotoviti, da je strežnik pravilno konfiguriran za stisnjen vir, ko ga zahteva odjemalec.

Na strežniku, ki temelji na Apache, lahko to storite z datoteko `.htaccess`:

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

To je v bistvu seznam vrst MIME, na katere se bo nato uporabljalo gzipiranje. Brezplačno spremenite seznam vseh besedilnih sredstev, ki jih strežete.

Projekt HTML5 Boilerplate ponuja konfiguracije strežnikov za vse priljubljene strežnike. To je njegova različica 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"