Aktívna kompresia gzip Triky CSS

Anonim

Kompresia skracuje doby odozvy zmenšením veľkosti odpovede HTTP. Gzip je najpopulárnejšia a najefektívnejšia metóda kompresie, ktorá je v súčasnosti k dispozícii, a všeobecne znižuje veľkosť odozvy asi o 70%.

V roku 2009 90% internetového prenosu prechádzalo cez podporované prehľadávače. Gzip. Dnes:

Všetky moderné prehliadače podporujú a automaticky vyjednávajú kompresiu GZIP pre všetky požiadavky HTTP: našou úlohou je zabezpečiť, aby bol server správne nakonfigurovaný tak, aby slúžil komprimovanému prostriedku, keď o to požiada klient.

Na serveri založenom na Apache to môžete urobiť prostredníctvom súboru `.htaccess`:

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

Toto je v podstate zoznam typov MIME, na ktoré sa bude gzipping potom vzťahovať. Pokojne upravte zoznam všetkých textových podkladov, ktoré poskytujete.

Projekt HTML5 Boilerplate ponúka konfigurácie servera pre všetky populárne servery. Toto je verzia pre .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"