Ми використовуємо cookie-файли
Для оптимізації роботи нашого сайту ми використовуємо cookie-файли. Продовжуючи використовувати сайт, Ви погоджуєтеся з використанням cookie-файлів.
Новий дизайн
Панель керування
  • Русский
  • Українська
  • English
  • UAH
  • USD
  • RUB
  • EUR
  • 0-800-307-307 Гаряча лінія
  • +38 (044) 392-74-33 Київ
  • +38 (057) 728-39-00 Харків
  • +38 (056) 794-38-31 Дніпро
  • +38 (032) 229-58-93 Львів
  • +38 (048) 738-57-70 Одеса
  • +38(093) 170-15-42  Life
  • +38 (067) 400-88-44 Київстар
  • +1(888)393-24-51  USA, Toll free
  • +44(131)507-01-14  Great Britain
  • +7 (499) 348-28-61 Москва

2.19.1. Налаштування оптимізації сайту (PageSpeed)

В налаштуваннях оптимізації сайту використовуються фільтри модуля Google PageSpeed. Він встановлений на хостингу за замовчуванням і призначений для прискорення відображення сторінки в браузері. Документація даного модуля розміщена на офіційному сайті.

Зміст

Швидкість роботи сайту - один з найважливіших факторів, на який звертають увагу сучасні відвідувачі. Затримки в відображенні сайту викликають роздратування, негативно впливають на ранжування в пошукових системах і знижують доходи комерційних сайтів. З точки зору відвідувача на швидкість роботи сайту впливають два основних параметри: швидкість формування сторінки на сервері і швидкість відображення сторінки браузером. Для прискорення формування сторінок на серверах ми використовуємо сучасне обладнання і тонке налаштування програмного забезпечення. Також нашим клієнтам доступні інструменти, що дозволяють прискорити ще й швидкість відображення сторінки в браузері відвідувача, всього лише внісши зміни в налаштування свого сайту.

Велику частину часу при відображенні сторінки браузером займає завантаження додаткових елементів сторінки - зображень, JavaScript і CSS. Практично всі теми оформлення популярних CMS використовують JavaScript-фреймворк з десятком плагінів і безліччю CSS-стилі. Загальний обсяг завантажуваних відвідувачем даних при цьому нерідко перевищує 500 КБ, а кількість запитів до сервера для відображення однієї сторінки становить кілька десятків. Це негативно позначається на швидкості завантаження сторінки у відвідувача.

Існує кілька методик, використовуючи які можна підвищити швидкість відображення сайту в браузері клієнта:

  1. Зменшити обсяг переданих даних.
  2. Зменшити кількість запитів до сервера.
  3. Налаштувати кешування статичних файлів в браузері.
  4. Оптимізувати рендеринг сторінки.

Знизити кількість запитів до сервера, обсяг переданих даних і ефективність їх стиснення можна шляхом об'єднання декількох файлів в один і видалення зайвих коментарів і прогалин. У разі, якщо на сайті багато графіки в нижній частині сторінок (яку видно тільки при прокручуванні), корисною може виявитися відкладена завантаження зображень. Для прискорення рендеринга сторінки необхідно налаштувати правильний порядок підключення CSS- і JavaScript-файлів, і, можливо, перенести дрібні CSS в HTML-код. Якщо на сторінках активно використовуються елементи з інших сайтів (лічильники відвідуваності, віджети соцмереж, чати онлайн-допомоги), попередній резолвінг DNS-імён цих ресурсів може підвищити швидкість їх завантаження в сучасних браузерах. Виконати такого роду оптимізацій можна за допомогою налаштувань PageSpeed. Все оптимізації виконуються «на льоту», без необхідності внесення змін до коду сайту.

Модуль PageSpeed працює і по протоколу HTTPS. Коли для сайту налаштований редирект з HTTP на HTTPS (або навпаки) за допомогою .htaccess, Можуть виникати проблеми з обробкою контенту модулем PageSpeed по HTTPS. Щоб виправити ситуацію, необхідно видалити директиви редиректу з .htaccess і замість них включити потрібний редирект в налаштуваннях сайту.

Кешування дозволяє браузеру зберегти копію статичного файлу на комп'ютері відвідувача і не звертатися за ним на сервер при повторному відвідуванні. Однак це створює незручності розробникам, оскільки зміни в цих файлах відвідувачі будуть бачити з затримкою на час кешування. Для уникнення цієї проблеми в PageSpeed присутні параметри розширеного кешування зображень, стилів і скриптів. У разі їх використання в URL статичних файлів додається хеш їх вмісту, який змінюється при редагуванні файлу. Таким чином досягається тривалий кешування з можливістю вільно вносити зміни.

Важливі моменти:

  • Визначити, які саме налаштування підійдуть сайту, можна експериментально, по черзі включаючи їх і перевіряючи на кожному етапі роботу сайту. Деякі з налаштувань можуть порушувати нормальну роботу сайту. Наприклад, після включення мініфікаціі або об'єднання JavaScript на сайті можуть перестати працювати інтерактивні елементи (НЕ будуть у скрутному становищі будь-які кнопки). Це означає, що з даним сайтом настройка несумісна. У цьому випадку її слід відключити, знявши галочку, і очистити кеш PageSpeed.
  • Ефективність налаштувань безпосередньо залежить від того, як розробники сайту підійшли до його оптимізації. Для спочатку добре оптимізованого сайту настройки можуть виявитися зайвими.
  • Деякі фільтри PageSpeed можуть створювати додаткове навантаження на сервер. За рахунок генерації оптимізованих файлів модуль створює безліч запитів до сервера. Здебільшого запити спрямовані на статичну вміст і їх обробка не повинна викликати навантаження на сервер і проблеми, але в деяких випадках запити можуть направлятися на генерований контент скриптами PHP і тим самим створювати велике навантаження (Такий сценарій зустрічається вкрай рідко, але має місце бути).
  • Фільтри оптимізації PageSpeed не змінюють файли на сервері, тому після їх відключення сайт повернеться до свого попереднього стану.
  • У модуля PageSpeed є певні нюанси роботи, для ознайомлення з ними слід ознайомитися з документацією на офіційному сайті.
  • Деякі модулі об'єднання мають граничне значення MaxBytes при якому файли не будуть об'єднуватися понад цього розміру. На хостингу значення MaxBytes одно 1кб.

Щоб налаштувати PageSpeed, виконайте наступне:

  1. Відкрийте настройки сайту.
  2. На вкладці «Налаштування оптимізації сайту»Встановіть або зніміть галочки навпроти потрібних опцій і натисніть«Зберегти»:
  3. Зачекайте приблизно 15-30 хвилин, поки зміни вступлять в силу.

Правила вказівки виключень

  • URL потрібно вказувати без імені самого сайту, наприклад */jquery.js або */static*.
  • Каталоги потрібно обрамляти двома символами *, наприклад */content*.
  • Кожне виключення вказується з нового рядка.
  • Довжина одного винятку не повинна перевищувати 100 символів.
  • Доступні символи: a-z 0-9 - . _ / *.

Щоб додати URL в виключення PageSpeed, виконайте наступне:

  1. Відкрийте настройки сайту.
  2. На вкладці «Налаштування оптимізації сайту" в полі "Винятки з PageSpeed»введіть URL, Які необхідно виключити, і натисніть «Зберегти»:
  3. Зачекайте приблизно 15-30 хвилин, поки зміни вступлять в силу.

Щоб очистити кеш PageSpeed, виконайте наступне:

  1. Відкрийте настройки сайту.
  2. На вкладці «Налаштування оптимізації сайту»Внизу сторінки натисніть«Очистити кеш»:

Щоб повністю відключити PageSpeed, виконайте наступне:

  1. Відкрийте настройки сайту.
  2. На вкладці «Налаштування оптимізації сайту»Зніміть галочки навпроти всіх опцій і натисніть«Зберегти»:
  3. Зачекайте приблизно 15-30 хвилин, поки зміни вступлять в силу.