Швидкість роботи сайту - один з найважливіших факторів, на який звертають увагу сучасні відвідувачі. Затримки в відображенні сайту викликають роздратування, негативно впливають на ранжування в пошукових системах і знижують доходи комерційних сайтів. З точки зору відвідувача на швидкість роботи сайту впливають два основних параметри: швидкість формування сторінки на сервері і швидкість відображення сторінки браузером. Для прискорення формування сторінок на серверах ми використовуємо сучасне обладнання і тонке налаштування програмного забезпечення. Сьогодні ми готові запропонувати нашим клієнтам нові інструменти, що дозволяють прискорити ще й швидкість відображення сторінки в браузері відвідувача, всього лише внісши зміни в налаштування свого сайту.
В чому проблема?
Велику частину часу при відображенні сторінки браузером займає завантаження додаткових елементів сторінки - зображень, JavaScript і CSS. Практично всі теми оформлення популярних CMS використовують JavaScript фреймворк з десятком плагінів і безліччю CSS стилів. Загальний обсяг завантажуваних відвідувачем даних при цьому нерідко перевищує 500кб, а кількість запитів до сервера для відображення однієї сторінки становить кілька десятків. Це негативно позначається на швидкості завантаження сторінки у відвідувача.
Як прискорити роботу сайту?
Існує кілька методик, використовуючи які можна підвищити швидкість відображення сайту:
- Зменшити обсяг переданих даних
- Зменшити кількість запитів до сервера
- Налаштувати кешування статичних файлів в браузері
- Оптимізувати рендеринг сторінки
Знизити кількість запитів до сервера, обсяг переданих даних і ефективність їх стиснення можна шляхом об'єднання декількох файлів в один і видалення зайвих коментарів і прогалин. У разі, якщо на сайті багато графіки в нижній частині сторінок (яку видно тільки при прокручуванні) корисною може виявитися відкладена завантаження зображень. Для прискорення рендеринга сторінки необхідно налаштувати правильний порядок підключення CSS і JavaScript файлів, і, можливо, перенести дрібні CSS в HTML код. Якщо на сторінках активно використовуються елементи з інших сайтів (лічильники відвідуваності, соціальні віджети, чати online допомоги), попередній резолвінг DNS імен цих ресурсів може підвищити швидкість їх завантаження в сучасних браузерах. Налаштування для виконання такого роду оптимізацій доступні в розділі панелі управління "Хостинг / Мої сайти / Налаштування сайту / Налаштування оптимізації". Все оптимізації виконуються "на льоту", без необхідності внесення змін до коду сайту. Власникам виділених серверів з послугою Managed Dedicated крім стандартного набору налаштувань доступна також оптимізація на льоту зображень.
Оптимізація і https
Звертаємо Вашу увагу на те, що pagespeed (модуль реалізує оптимізацію) працює і по протоколу https.
У разі коли для сайту налаштована переадресація запитів "http -> https" або навпаки через .htaccess файл, можуть виникнути проблеми в обробці контенту pagespeed'ом по протоколу https. Щоб вирішити цю ситуацію Вам потрібно включити потрібний тип переадресації в налаштуваннях сайту, видаливши правила переадресації з .htaccess. Подробиці можна знайти в інструкції .
кешування статики
Для настройки кешування в браузері ми додали відразу кілька можливостей. В основних налаштуваннях сайту додана можливість вказувати час кешування для всіх статичних файлів. Кешування дозволяє браузеру зберегти копію статичного файлу на комп'ютері відвідувача і не звертатися за ним на сервер при повторному відвідуванні. Однак це створює незручності розробникам, оскільки зміни в цих файлах відвідувачі будуть бачити з затримкою на час кешування. Щоб уникнути цієї проблеми на вкладці "Налаштування оптимізації" додані параметри розширеного кешування зображень, стилів і скриптів. У разі їх використання в URL статичних файлів додається хеш їх вмісту, який змінюється при редагуванні файлу. Таким чином досягається тривалий кешування з можливістю вільно вносити зміни.
Звертаємо Вашу увагу на те, що налаштування оптимізації є експериментальними. Рекомендуємо ретельно перевіряти роботу сайту після внесення змін. Ефективність цих налаштувань безпосередньо залежить від того, як розробники сайту підійшли до його оптимізації. Для спочатку добре оптимізованого сайту настройки можуть виявитися зайвими.
В чому проблема?Як прискорити роботу сайту?