Прискорюємо сайт на wordpress gzip стиснення
12. Великий розмір файлів:
Для стиснення файлів можна скористатися цими сервісами:
Ще один спосіб зменшити розмір файлів - використовувати Gzip-стиснення.
Gzip - це звичайне архівування всієї інформації, що передається на Web сервері і подальше розархівування цієї інформації в браузерах користувачів.
Це найпопулярніший і ефективний метод стиснення даних на сьогоднішній день.
Gzip-стиснення в цілому знижує розмір відповіді приблизно на 70%.
Приблизно 90% сьогоднішнього інтернет-трафіку проходить через браузери, які підтримують gzip.
Як перевірити, чи працює на вашому сервері Gzip-стиснення?
Відкриваємо Page Speed, переходимо на вкладку Resources і в списку, що з'явився бачимо файли, що завантажуються з сервера із зазначенням URL цих файлів (найпершим йде основний файл завантажується документа - html).
Ви, напевно, знаєте, що незважаючи на те, що багато CMS (движки сайтів) працюють на PHP, в браузер користувачів все одно віддається згенерувала версія сторінки в форматі html.
Праворуч від списку файлів, в двох останніх стовпчиках, які називаються «File Size» (реальний розмір файлу на web сервері) і «Transfer Size» (розмір файлу, переданого в браузер) вказані розміри файлів, що завантажуються з сервера в браузер відвідувача сайту.
Якщо розмір файлу в колонці «File Size» більше розміру цього ж файлу в колонці «Transfer Size», значить для цього типу файлів Gzip-стиснення працює.
Зверніть увагу, що розмір стисненого Gzip файлу буде істотно менше розміру оригінального файлу.
Якщо Gzip-стиск не включено, то розміри файлів в стовпцях «File Size» і «Transfer Size» будуть однакові.
Подивіться на своєму сайті, для яких типів файлів стиснення працює, а для яких немає. Побачити це можна в стовпці «Type».
Якщо ви виявите, що Gzip стиснення зовсім не працює на вашому хостингу, значить його потрібно включити.
Як включити Gzip стиснення?
Найпростіше звернутися з цим проханням до хостера.
При цьому потрібно вказати, які типи файлів потрібно стискати.
Зазвичай це файли html. css, js і .ttf (файли шрифтів).
Любителі самостійно покопатися в файлах. для включення Gzip стиснення, можуть внести зміни в файл .htaccess.
Щоб точно дізнатися, як налаштувати Gzip стиснення саме на вашому хостингу, поставте це питання техподдержке хостингу.
Зазвичай, вона дає посилання на інструкцію, в якій написано, як це зробити саме на їх хостингу.
Файл .htaccess, знаходиться в корені сайту (корінь сайту, це папка в якій лежить файл config.php) і призначений для управління сервером Apache.
Якщо .htaccess не видно, то спробуйте в програмі FileZilla вибрати з верхнього меню пункти «Сервер» - «Примусово відображати приховані файли».
Ось варіант коду для включення Gzip стиснення для одного з моїх сайтів:
Ось, ще один варіант коду для файлу .htaccess:
А цей код актуальний тільки для сервера Apache2:
Якщо Gzip стиснення для всіх типів файлів: Html, Css і Js запрацювало, відмінно!
Якщо немає, допоможе звернення до хостера або пошук в інтернеті - в ньому можна знайти різні варіанти кодів для реалізації Gzip стиснення.
Так що, якщо у вас не спрацював і цей спосіб, можете пошукати відповідний вашого сервера код в мережі.
Якщо вийшло, то всі файли, які можна стиснути, перш, ніж вони будуть відправлені в браузери відвідувачів, будуть стиснуті засобами Gzip на сервері. Завдяки цьому істотно збільшиться швидкість завантаження сайту. І це чудово!
Але, як завжди, є і погана новина - Gzip стиснення навантажує сервер на вашому хостингу, тому що процесор веб сервера при включеному Gzip стисненні буде виконувати безліч операцій архівування даних (Gzip стиснення) при кожному відкритті відвідувачами будь-якої сторінки вашого сайту.
На щастя, ця проблема вирішувана - можна перейти на інший тарифний план, що дозволяє великі навантаження або навіть на інший хостинг, на якому навантаження не лімітовані.
А ось, проблему повільного завантаження сайту компенсувати не вдасться нічим так, що не сумнівайтеся - ви дієте правильно.
Якщо додавання вказаного вище коду не допомогло, то, можливо, на вашому хостингу включений модуль nginx і для частини файлів вже включено gzip стиснення.
Модуль nginx має свої настройки, які може поміняти тільки хостер.
Якщо якісь з файлів не стискуються, вам потрібно написати хостера і вказати, які типи файлів потрібно стискати. Зазвичай це файли html. css, js і .ttf (файли шрифтів).
- Як прискорити завантаження сайту: вплив коду шаблону на швидкість завантаження сторінок
- Як прискорити завантаження сайту: Частина 1 - валідація і завантаження файлів
- Як прискорити завантаження сайту на wordpress: Частина 2 - запити до бази даних
- Як прискорити сайт: Частина 3 - плагіни, віджети, додаткові функції
- Прискорюємо сайт на WordPress: Частина 4 - HTTP запити
- Як прискорити завантаження сайту: Частина 6 - кешуватися сторінок
Я Ксана
(В миру Людмила) - веб дизайнер і розробник сайтів.
На цьому блозі я пишу про Wordpress - про створення, підтримки і просування сайтів на цьому движку, про плагіни і темах для нього, про дизайн та верстку.
Розповідаю, також, про свій досвід з видобутку грошей в мережі.
Сподіваюся, це все вам буде цікаво.
- Жіноча тема Sabrina Premium
Тема City News Тема призначена для блогу, новинного сайту або міського порталу. Виконана в «журнальному» стилі. Головна: Сторінка окремої.
Розробка кулінарного сайту Рецепти для мультиварки. Особливості: - Адаптивна верстка. - Сторінка для друку. - Різні типи контенту.
Приєднуйтесь до мене!
2 047 учасників