Активно Gzip компресиране - CSS-трикове

Anonim

Компресията намалява времето за реакция чрез намаляване на размера на HTTP отговора. Gzip е най-популярният и ефективен метод за компресиране, който се предлага в момента и обикновено намалява размера на отговора с около 70%.

През 2009 г. 90% от интернет трафика е пътувал през поддържани браузъри. Gzip. Днес:

Всички съвременни браузъри поддържат и автоматично договарят GZIP компресия за всички HTTP заявки: нашата работа е да гарантираме, че сървърът е правилно конфигуриран да обслужва компресирания ресурс, когато клиентът го поиска.

На сървър, базиран на Apache, можете да направите това чрез файла `.htaccess`:

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

Това е по същество списък на MIME типовете, към които след това ще се приложи gzipping. Чувствайте се свободни да променяте списъка с всички текстови активи, които обслужвате.

Проектът HTML5 Boilerplate предлага конфигурации на сървъри за всички популярни сървъри. Това е версията за .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"