Розробка, підтримка, SEO, просування, соцмережі та реклама сайтів ☣
Кабінет клієнта
Зареєструватись Забули пароль?
Розробка та створення сайтів » Блог » faq » Стиснення GZ для сайту

Стиснення GZ для сайту

Створюю і просуваю комерційні сайти та інтернет-магазини з 2008 року. 12-11-2016, 15:48 1 224 0
Стиснення GZ для сайту

Сучасна верстка без таблиць, відмова від використання инлайновых стилів і стиснення html-сторінок дозволяють досить серйозно зменшити трафік сервера і підвищити швидкість завантаження сайту для користувачів, що працюють на «вузьких каналах.

Виграш в трафіку від стиснення .gz може становити 60-80% (для HTML)!

Підготувуємо архіви .gz в Windows за допомогою безкоштовного архіватора 7-ZIP, вибравши GZip в якості формату при створенні архіву (зверніть увагу: кожен файл в окремому архіві.)

Або є онлайн сервіс - дивитись .

В папці з стилями чи скриптами має лежати аналогічний по назві архів!

В файлі .htaccess, в корені сайту прописуємо:

1. Варіант.

### Асоціація розширень .gz с gzip
AddEncoding gzip .gz
 
### Задіюємо mod_rewrite
RewriteEngine On
 
### відаємо foo.bar.gz замість файла foo.bar, якщо foo.bar.gz присутній у тій же дерикторії,
### але і foo.bar. Якщо браузер - Safari, відаємо foo.bar
RewriteCond %{HTTP:Accept-encoding} gzip
RewriteCond %{HTTP_USER_AGENT} !Safari
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule ^(.*)$ $1.gz [QSA,L]

Іноді перший варіант не спрацьовує - сервер встановлює HTTP-заголовок Content-Type у application/x-gzip і браузери, які визначають тип даних по ньому (наприклад, Firefox), а не по змісту (IE) «не бачать» скрипти і css.

2. Варіант.

AddEncoding gzip .gz
 
### 1. Для js-файлів
<FilesMatch "\.js.gz$">
ForceType text/jаvascript
Header set Content-Encoding: gzip
</FilesMatch>
<FilesMatch "\.js$">
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} !".*Safari.*"
RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule (.*)\.js$ $1\.js.gz [L]
ForceType text/jаvascript
</FilesMatch>
 
### 2. Для css-файлів
<FilesMatch "\.css.gz$">
ForceType text/css
Header set Content-Encoding: gzip
</FilesMatch>
<FilesMatch "\.css$">
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} !".*Safari.*"
RewriteCond %{HTTP:Accept-Encoding} gzip
RewriteCond %{REQUEST_FILENAME}.gz -f
RewriteRule (.*)\.css$ $1\.css.gz [L]
ForceType text/css
</FilesMatch>

 

Перевірити відповідь серевера можна за допомогою плагінів, наприклад для Firefox - Live HTTP Headers

Або через онлайн сервіс - наприклад цей

winked Всім успіхів та вдалого стиснення ZG...

І на останок код для кешування через htaccess:

<FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf|js|css|pdf)$">
Header set Cache-Control "max-age=2592000"
</FilesMatch>

 

Також про стиснення можна почитати тут і тут

 
 

Розробка сайтів | Створення сайтів

Коментарі

⤹ Залишити свій коментар ⤸

  • Натисніть на зображення, щоб оновити код, якщо він нерозбірливий
Останнє на сайті
  • seo

    Українські каталоги для реєстрації сайту

    coments/13 vievs/ 1
  • faq

    Які існують російські домени?

    coments/14 vievs/ 0
  • seo

    Українська двигун для сайту - Ardilla-CMS

    coments/104 vievs/ 0
Останнє в магазині
Картинка в meta з додаткового поля Картинка в meta з додаткового поля / Платні модулі DLE
Коментарі
Популярне на сайті

Для усіх любителів Анекдотів українською існує чудовий сайт з безліччю приколів, смішних історій та відео: Анекдоти

Тарифні плани

Потужний старт Стандартний запуск сайту від $400
  • - ♜ -
  • В стартовий тарифний план входить:

  • Розробка та налаштування сайту
  • Семантичне ядро
  • Оптимізація швидкості
  • Наповнення до SEO 5 сторінок
  • Ліцензія двигунчика DLE
Просунутий SEO оптимізований сайт від $700
  • - ♚ -
  • В SEO тарифний план входить:

  • Створення та налаштування сайту
  • Семантичне ядро
  • Оптимізація швидкості
  • Наповнення до SEO 10 сторінок
  • Ліцензія двигунчика DLE
  • 5 силок + перелінковка
Імперський винущувач конкурентів від $999
  • - ♛ -
  • В імперський тарифний план входить:

  • Розробка сайту
  • Наповнення до SEO 20 сторінок
  • Повна оптимізація
  • Ліцензія двигунчика DLE
  • МОЄ НАТХНЕННЯ та ДОСВІД!
/* soc-knopki */