Compressione Gzip attiva - Trucchi CSS

Anonim

La compressione riduce i tempi di risposta riducendo la dimensione della risposta HTTP. Gzip è il metodo di compressione più popolare ed efficace attualmente disponibile e generalmente riduce la dimensione della risposta di circa il 70%.

Nel 2009, il 90% del traffico Internet viaggiava attraverso browser che lo supportavano. Gzip. Oggi:

Tutti i browser moderni supportano e negoziano automaticamente la compressione GZIP per tutte le richieste HTTP: il nostro compito è garantire che il server sia configurato correttamente per servire la risorsa compressa quando richiesto dal client.

Su un server basato su Apache, puoi farlo tramite il file `.htaccess`:

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

Questo è essenzialmente un elenco di tipi MIME a cui verrà applicato il gzipping. Sentiti libero di modificare l'elenco con tutte le risorse basate su testo che offri.

Il progetto HTML5 Boilerplate offre configurazioni di server per tutti i server più diffusi. Questa è la versione per .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"