Швидкість з якою сервер відповідає на запит – це основний показник при оптимізації роботи сайту. У цьому матеріалі розберемо як дізнатися швидкість завантаження сайту та за допомогою чого можна його покращити.
Для чого потрібен TTFB
Показник TTFB або Time To First Byte – це час, який витрачає сервер для обробки першого байту інформації у відповідь на HTTP- запит. За допомогою нього оцінюють продуктивність сайту. TTFB посідає головне місце серед метрик веб-ресурсу.
Фахівці з компанії MOZ, яка надає базу SEO та маркетингових інструментів, провели дослідження щодо зв’язку показника TTFB в позицією сайту в пошуковій видачі. Аналіз показав, що при повільному завантаженні сторінок збільшується показник відмов. Для бізнесу небажання клієнтів чекати на завантаження сайту призводить до великих грошових втрат.
Компанія Google розробила рекомендації щодо продуктивного TTFB. Для збільшення кількості конверсій показник має залишатися у межах 50-200 мс. Якщо на відгук з сервера витрачається більше часу, варто знайти та усунути причину затримки.
Методи визначення TTFB
Фахівці використовують декілька способів для визначення показника.
Консоль DevTools браузера
Задля перевірки TTFB сайт відкривають через браузер в якому він розроблюється. У разі взаємодії з Google Chrome на ОС Windows, натискають «Ctrl+Shift+I», переходять на вкладку Network, а потім натискають на Doc. Для перегляду результату сторінку перезавантажують, шукають Waterfall, при натисканні на який з’являються різні дані, в тому числі Waiting for server response. Отримане значення буде тим самим показником TTFB.
Для виклику консолі розробника у різних браузерах використовують комбінації клавіш:
- Ctrl+Shift+i для Opera;
- Cmd+Opt+C при використанні Safari;
- F12 для Microsoft Edge або Mozilla Firefox;
- Cmd+Opt+J відкриває консоль в Google Chrome, встановленого на Mac.
Вбудовані інструменти розробника дозволяють дізнатися потрібні параметри без встановлення додаткових програм.
Google Analytics
Сервіс Google Analytics дозволяє швидко отримати значення TTFB. Для аналізу заходять в розділ «Поведінка», обирають пункт «Швидкість завантаження сайту», та перший підпункт «Огляд». З’явиться вікно з інформацією, серед якої буде значення середнього часу відповіді сервера.
У Google Analytics є суттєвий недолік: сервіс вимірює TTFB, спираючись на реальні дані відвідувачів сайту. Тобто на показник впливає швидкість інтернету, продуктивність девайсу, з якого користувач здійснює вхід, та багато інших параметрів. Метод не зможе точно вказати на джерело проблеми.
Сторонні інструменти
Розроблено багато інструментів та онлайн-сервісів для тестування продуктивності сайтів, де зазначається параметр TTFB:
- WebPageTest. В рядок для пошуку на головній сторінці сервісу вводять URL свого сайту, натискають на старт. У звіті Observed Metrics або Page Performance Metrics є значення First Byte, яке відповідає параметру TTFB та зазначається у секундах.
- GTmetrix. Працює схоже на попередній сервіс. У віконце вводять адресу сайту, запускають тестування, результати шукають у вкладці Performance. Для перегляду TTFB переходять у розділ Browser Timings та дивляться на Time to First Byte. Безкоштовний інструмент працює краще з західними сайтами.
- Netpeak Spider. Гарний SEO аналізатор, що дозволяє оптимізувати роботу веб-ресурсу. При перевірці URL сайту видає звіт з різноманітними параметрами, де окремим стовпчиком буде зазначатися час відповіді сервера.
Окрім цих інструментів існують: Pingdom Website Speed Test, Serpstat, розширення Web Vitals для Chrome, Lighthouse, Google PageSpeed Insights та інші. Під час перевірки варто дивитися не тільки на показники головної сторінки. В ідеалі треба перевіряти усі URL свого веб-ресурсу, тому що час завантаження каталогу, статті з блогу або конкретного товару може бути різним. Вчасний аналіз допомагає у пошуку та вирішенні проблеми.
Причини затримки від,повіді сервера
На продуктивність сайту та підвищення показника Time To First Byte можуть діяти різноманітні, у тому числі технічні причини:
- Повільний хостинг сайту. Недостатня потужність хостингу впливає на завантаження сторінки. Якщо сервер перенавантажений іншими сайтами, TTFB значно збільшується.
- Бази даних. Найчастішими проблемами із затримками є: надмірний об’єм даних, не розрахований на конкретну БД, відсутність оптимізації індексів, складна конструкція програмного забезпечення та інші.
- Відсутність кешу. Серверу кожного разу треба генерувати сторінку з початку, що збільшує TTFB.
- Велика кількість неоптимізованих даних. Завантаження великих зображень за посиланнями на інші ресурси, не налаштовані для інтернету, сповільняють загальне завантаження сайту.
- Мережеві компоненти. На коректну та швидку роботу сервера впливають коди та скрипти, за допомогою яких його було створено. Надмірна кількість запитів може сповільнювати відгук. Окрім того, на TTFB впливають налаштування конфігурації сервера та неоптимізоване програмне забезпечення.
- Відстань до сервера. Чим далі знаходиться користувач від сервера, тим більше часу займає завантаження сторінок. Для пришвидшення завантажень використовують Content Delivery Network.
- Інші причини. Прогалини у безпеці, неправильні налаштування DNS, технічні негаразди, фішингові атаки, непрацюючі SSL-сертифікати збільшують час відгуку.
- Спосіб підключення до інтернету. На сьогодні дані передаються декількома способами: телефонний кабель, оптоволокно, кабельна, мобільна, супутникова мережа. У кожної сполуки свої переваги, але поки що оптоволокно найшвидше передає сигнали.
Застаріле обладнання чи програмне забезпечення теж впливають на час відгуку. Проблема може виникнути з боку користувача у разі неоновленого ПО, надлишкової фрагментації жорсткого диска, великої кількості непотрібних фонових процесів чи застарілих девайсів.
Як скоротити час відповіді сервера
Для того, щоб сайт залишався зручним для користувача та нарощував вдалі конверсії, треба оптимізувати його метрики. Не обов’язково, щоб всі показники були ідеальними, адже це займає багато часу та зусиль. Достатньо опрацювати основні характеристики, та почати саме з TTFB.
Оберіть швидкий хостинг
При виборі хостингу варто звертати увагу на декілька факторів:
- Фізичне розміщення хосту. Чим ближче сервер знаходиться до цільової аудиторії, тим швидше буде завантажуватися сайт у користувачів.
- «Залізо». На TTFB великий вплив має покоління дисків та процесорів. Фізична заміна серверних машин прискорюють завантаження сайту. Продуктивні сервера коштують не малих грошей. Щодо дисків, враховуйте, що NVMe SSD працюю швидше ніж прості SSD.
- Домен з хостингом разом. Варто купляти все в одній компанії, а ще краще на одному сервері.
Відмовтеся від безкоштовних або обмежених по функціоналу хостів. Нічого путнього з їх використання не вийде. Краще обирати дорогого, але надійного постачальника з гарантією невідмовної роботи 99,5%. При великих об’ємах даних чи високих навантаженнях на сайт обирайте віртуальні сервери VPS.
Займіться базами даних
При кожному відкритті сайту сервер звертається до баз даних. Сильно гальмують завантаження застарілі таблиці, спам, непотрібні частини, що не використовуються. Тому вартує регулярно чистити бази даних, попередньо зробивши резервне копіювання.
Для оптимізації БД відкрийте їх у хостинг-панелі, відсортуйте за розміром, та перевіряйте найбільші на наявність зайвих даних. Існують спеціальні плагіни, що наводять лад у базах даних. Наприклад, Advanced Database Cleaner або WP-Optimize.
Користуйтеся мережами доставки вмісту
Content Delivery Network (CDN) – це мережа серверів, географічно розташованих таким чином, щоб зменшити час доставки контенту від сервера до кінцевого користувача. Система працює завдяки створенню кешу інформації на різних машинах по всьому світу. Це дозволяє при завантаженні сайту обходити вихідний сервер та звертатися до найближчого серверу, в якому вже зберігаються копії даних. Процес суттєво зменшує TTFB.
Використовуйте кешування
Технологія кешування дозволяє зберігати копії раніше завантажених сайтів. Це значно скорочує швидкість відгуку на запити. Кешування буває серверним та клієнтським, під час якого дані зберігаються на девайсі користувача та не потребують повторних розрахунків для подальшого використання ресурсу.
Оптимізуйте контент
Людина краще сприймає інформацію, якщо вона доповнена зображеннями, схемами, графіками. Але картинки суттєво збільшують час завантаження сайту. Особливо, якщо зображення перед додаванням на сайт не були оптимізовані.
Для пришвидшення роботи візуальний контент стискають за допомогою спеціальних інструментів, які не порушують структуру та якість картинки. Для корекції зображень використовують різноманітні програми чи онлайн-сервіси. Наприклад, Photoshop, Kraken, Tiny PNG або GIMP.
Найчастіше зображення переводять у формат WebP, який автоматично підтримують усі браузери. Формат дозволяє на 25-34% швидше завантажувати картинки. Для його конвертації використовуються сервіси Ezgif або Convertio.
Можна підключити Lazy Loading. Функція лінивого завантаження буде демонструвати користувачеві тільки ті картинки, які знаходяться на його екрані. При цьому економиться час на повне завантаження сайту. Під час перегляду сторінки зображення підвантажуються коли потрапляють у поле зору користувача.
Скоротіть плагіни
Видаліть застарілі, несумісні з сайтом плагіни. Використовуйте додатки з надійних джерел, та відслідковуйте зміни показника TTFB при додаванні нових плагінів на сайт.
Використовуйте акселератори PHP
Кешування скриптів позбавляє необхідності генерувати бінарні коди при кожному зверненні до ресурсу. Акселератори PHP знижують навантаження на сервер, пришвидшують TTFB. Якщо сайти використовують велику кількість додатків, працюючих на PHP-коді, без акселераторів не обійтися.
Найпопулярніші з них:
- eAccelerator – динамічно кешує контент, оптимізує сайт, прискорює PHP та виступає в якості модуля-розпакувальника;
- OpCache – рекомендується для кешування опкодів розробниками PHP;
- PhpExpress – прискорює скрипти у 4-8 разів;
- XCache – підходить для найновіших версій PHP-кодів.
Акселератори встановлюють та налаштовують на сервері, на якому знаходиться сайт.
Мініфікуйте
Зменшуйте розміри файлів CSS і JavaScript, що збільшить швидкість відповіді на запити. Для цього можна винести внутрішні фрагменти коду у зовнішній файл, якщо це не погіршить якість відображення ресурсу. Об’єднуйте всі CSS або JS в один файл, використовуючи асинхронне завантаження для уникнення блокування.
Налаштуйте зменшення розмірів кодів на серверах. Використовуйте інструменти mod_deflate, HttpGzipModule або YUI Compressor. За допомогою DirtyMarkup або CSS Minify робіть автоматичну оптимізацію коду.
Використовуйте протоколи HTTP/2 та HTTP/3
Протоколи другої та третьої версії значно пришвидшують передачу даних та покращують показник TTFB. Стандартом для перевірки метрик в Lighthouse є протокол HTTP/2. Для Chrome з 2020 року запустили HTTP/3, який працює за технологією QUIC. Та перед використанням протоколів варто перевірити, чи підтримує їх хостинг.
Увімкніть GZIP-стиснення
Сторінки сайту повинні займати якомога менше місця. Для оперативної роботи бажано, щоб середній розмір сторінки з урахуванням усіх зображень та відео не перевищував 5 МБ. Утиліта GZIP зменшує об’єм запиту, чим скорочує відгук на 70%.
Намагайтеся уникнути переадресації сторінок
Переадресація використовує додаткові дані, збільшуючи час завантаження сторінки. Тому його слід уникати або використовувати з обережністю. Використовуйте правильний редирект та адаптивні макети, які скоротять TTFB.
Постійно проводьте моніторинг
За допомогою аналізаторів регулярно відстежуйте основні метрики сайту, особливо показник TTFB. При виникненні проблем одразу починайте оптимізацію, користуючись наданим вище переліком порад.
Отже, про оптимізацію
Зниження TTFB потребує негайного пошуку проблеми та комплексного аналізу усіх складових сайту. Проглядайте усе, починаючи з баз даних, сервера та хостинга, закінчуючи кодом. Постійне обслуговування, завантаження оновлень, відмова від застарілих компонентів допоможуть створити швидкий та зручний у використанні сайт.
Якщо показник TTFB перевищує 200 мс, зробіть декілька кроків:
- змініть хостинг на більш швидкий та надійний;
- оновіть бази даних;
- використовуйте мережі доставки вмісту CDN;
- не забувайте про кешування;
- попрацюйте над розміром контенту;
- видаліть зайві плагіни;
- додайте акселератори PHP;
- мініфікуйте;
- використовуйте HTTP/2 та HTTP/3;
- стискайте за допомогою GZIP;
- зменшуйте кількість переадресацій.
Постійно передивляйтеся метрики сайту, щоб запобігти зниженню конверсії, втраті високої позиції у видачі Google, та повільній індексації сторінок. Пам’ятайте, що люди в більшості випадків не чекають завантаження сайтів понад 10 секунд, а закривають вкладку та звертаються до конкурентів. Тому працюйте над оптимізацією постійно та не заощаджуйте на хостингу.
