Зміст

Швидкість сторінки та SEO

SEO
date_s 30 Вересня 2021
eye_s 215
time_s 7-8 хв.
Олексій Дмитренко
Автор статті:
Олексій Дмитренко
SEO-спеціаліст

Що таке швидкість сторінки?

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

«Швидкість сторінки» не така проста, як здається

Це тому, що існує багато різних способів вимірювання швидкості сторінки. Ось три найпоширеніші:

Повністю завантажена сторінка: час, необхідний для завантаження 100% ресурсів на сторінці. Це найпростіший спосіб визначити, наскільки швидко завантажується сторінка.

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

Якщо ви коли-небудь заходили на сторінку і кілька секунд дивилися на білий екран, то TTFB працює (Час відповіді сервера).

Перше значуще: час, необхідний сторінці для завантаження достатньої кількості ресурсів, щоб користувач міг прочитати вміст на цій сторінці.

Наприклад, припустимо, у вас є запис у блозі, на повне завантаження якого потрібно 10 секунд.

Це дуже довго.

З іншого боку, увага до першого значимого відображення іноді краще відображає те, як користувачі насправді взаємодіють із вашою сторінкою під час її завантаження.

Наприклад, знову подивимося на сторінку, якій потрібно 10 секунд для завантаження всіх ресурсів сторінки.

Незважаючи на те, що завантаження всієї сторінки займає чимало часу, коли користувач вперше потрапляє на сторінку, він отримує “Перше значуще відображення” через 1,5 секунди.

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

Нижня лінія?

Є багато різних способів виміру швидкості сторінки. І немає «правильного» показника, який перевершував би всі інші. У всіх є свої плюси та мінуси.

Натомість зосередьтеся на покращенні швидкості завантаження вашої сторінки за всіма знайденими показниками.

Чому швидкість сторінки є важливою для SEO?

Google використовує швидкість сторінки як фактор ранжування з 2010 року.

А в 2018 році Google підвищив важливість швидкості сторінки з оновленням “Speed” ​​для мобільних пристроїв.

Підсумуємо:

Повільне завантаження веб-сайту може зашкодити вашому рейтингу Google.

Постає питання: як Google визначає швидкість завантаження вашого сайту? Вони дивляться скільки часу потрібно для завантаження 100% сторінки? Або TTFB (Час відповіді сервера)?

Жодних офіційних заяв із цього приводу вони не робили. Але враховуючи, що вони повідомляють про всі ці показники у своєму інструменті PageSpeed ​​Insights, вони, ймовірно, використовують комбінацію різних вимірювань швидкості сторінки:

Як збільшити швидкість?

Стиснути зображення

Це найбільша перемога під час спроб збільшити швидкість.

Зображення зазвичай займають 50-90% розміру сторінки.

Всі нові сайти намагаються чимось відрізнятися один від одного. Дизайнери роблять красиві сторінки, але в них 50-80% розміру сторінки посідає зображення.

Таким чином, чим більше ви можете стиснути свої зображення, тим швидше завантажуватиметься ваша сторінка.

Як це зробити?

Якщо ваш сайт працює на WordPress, ви можете використовувати плагін під назвою WP Smush:

Він автоматично стискає будь-яке зображення, яке ви завантажуєте у медіатеку WordPress. І, принаймні, на думку творців плагіна, це може зменшити розмір зображення на 14,2%.

Чи не користуєтеся WordPress? Є ще безліч варіантів стиснення зображень, таких як Cesium та Mass Image Compressor.

Сучасні інструменти стиснення зараз або використовують стиск без втрат, або знижують якість зображення до ледь помітної точки.

Очистіть та стисніть свій код

Іншими словами: мінімізуйте ресурси, знайдені на вашій сторінці.

Це включає:
  • HTML
  • CSS
  • JavaScript
  • І будь-який інший код, знайдений на вашій сторінці

Першим кроком має стати очищення всього зайвого коду на вашій сторінці. Цей зайвий код може бути результатом використання функцій, яких немає на вашому сайті. Або через неякісну роботу розробників.

У будь-якому випадку: чим чистіший ваш код, тим швидше він завантажується.

Потім стисніть код за допомогою програми, як GZip .

Вибирайте тільки перевіреного хостинг-провайдера

Це порада, про яку мало хто говорить.

Ви можете очистити свій код та стискати зображення протягом усього дня. Але якщо ви витрачаєте 100 гривень в місяць на хостинг, ваш сайт не завантажуватиметься швидко.

Це тому, що ви поділяєте сервер із мільйоном інших веб-сайтів.

Є мільйон веб-хостів. В Україні зазвичай використовують «хостинг Юкрейн». І забувають про проблеми. А якщо вони з’являються, то підтримка працює 24/7.

Коли справа стосується хостингу, ви отримуєте те, за що ви платите.

Тому якщо ви серйозно налаштовані покращити швидкість завантаження свого сайту, можливо, настав час перейти на хостинг преміум-класу або на виділений сервер.

Увімкніть кешування браузера

Це дозволяє користувачам зберігати частини вашої сторінки у кеші браузера.

Так що наступного разу, коли користувачі відвідають ваш сайт, він буде завантажуватися набагато швидше.

На жаль, це не допоможе вашій сторінці завантажуватись швидше для нових відвідувачів. Але це чудово підходить для підвищення швидкості завантаження для людей, які раніше відвідували ваш сайт.

Ви можете налаштувати кешування браузера у файлі .htaccess. Або за допомогою плагінів WordPress.

Впровадьте CDN

Мережа доставки контенту (CDN) – один із найпростіших способів підвищити швидкість завантаження вашого сайту.

Мережі CDN визначають, де фізично знаходиться ваш відвідувач, а потім віддають файли вашого сайту із сервера, розташованого поруч із ним.

Орієнтуйтесь на декілька інструментів тестування швидкості сторінки

Найкращим рішенням буде перевірити швидкість вашої сторінки за допомогою двох різних інструментів.

Перший – це Google PageSpeed ​​Insights.

Інструмент Google сканує код вашої сторінки на наявність проблем:

І можливостей:

Нещодавно вони додали функцію, яка повідомляє, скільки часу потрібно для завантаження вашого сайту для реальних користувачів (з використанням даних браузера Google Chrome).

Що дуже корисно.

Одне попередження: іноді ви виявите, що рекомендації даного інструменту не мають сенсу для вашого сайту.

Наприклад, інструмент Google може порадити “Показувати зображення у форматах наступного покоління”.

Однак ці формати наступного покоління не підтримуються більшістю браузерів (включаючи Safari і Firefox). Так що, якщо ви переключитеся на ці формати наступного покоління, досвід користувача вашого сайту піде нанівець.

Проте: у цьому інструменті є безліч корисних ідей. І краще реалізувати якнайбільше.

Далі у нас є WebPageTest.org.

Що чудово в WebPageTest, так це те, що він завантажує вашу сторінку у реальному браузері. І це дозволяє вам дізнатися про певні частини вашої сторінки, які довго завантажуються.

На просторах інтернету можна знайти багато корисних гайдів та досліджень. Головне тестувати і ви отримаєте очікуваний результат!