Як поліпшити швидкість завантаження сайту

  1. Інструменти перевірки швидкості завантаження
  2. Способи поліпшення швидкості завантаження
  3. оптимізація зображень
  4. Зменшення кількості запитів до сервера
  5. Зменшення розміру HTTP сторінки
  6. оптимізація коду
  7. Вибір хостингу / сервера
  8. Використання мереж доставки контенту (CDN)
  9. Оптимізація бази даних
  10. Відключення пінгбеков і трекбеків
  11. Турбо- і AMP-сторінки
  12. Використання сучасних конфігурацій сайту

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

Ось деякі факти:

  • Швидкість моргання людей дорівнює 0,1-0,3 секунди і майже не усвідомлюється.
  • Все, що триває до 1 однієї секунди не сприймається як пауза.
  • Все, що триває більше 1 секунди сприймається як пауза і зменшує конверсію в середньому на 7% за кожну секунду.
  • Все, що триває більше 10 секунд сприймається критичною паузою і дає сигнал в мозок почати нове дію (наприклад, закрити сайт і перейти на сайт конкурентів).
  • Наявність прелоадера збільшує толерантність до паузі і може продовжити очікування користувача в кілька разів.
  • Google вважає сайт «швидким», якщо його швидкість завантаження до 1,5 секунди.

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

Інструменти перевірки швидкості завантаження

Перевірити швидкість завантаження сайту можна онлайн-сервісами або спеціальним софтом. Сервісів існує безліч, ось деякі найбільш популярні:

Способи поліпшення швидкості завантаження

Розглянемо основні методи, здатні поліпшити швидкість завантаження.

оптимізація зображень

  • Існуючі великі зображення рекомендується стиснути, наприклад, за допомогою онлайн-сервісів https://tinypng.com/ або http://optimizilla.com/ru/ (Стискати в межах розумного, звичайно, щоб не постраждало візуальне якість).
  • При створенні зображення, краще зберігати в форматі JPEG, ніж PNG. Звичайно, там де це можна застосувати, з точки зору графіки.
  • Знизити якість при збереженні файлу з максимального до мінімально допустимого (без втрати візуальної якості).
  • При створенні зображення, зберігайте файл з опцією "Для WEB" ( "Save for Web" в Photoshop).
  • Зниження ваги очищенням зображень від зайвих даних (напр. Коментарі в графічному редакторі, зайві версії, палітри і т.д.).

Зменшення кількості запитів до сервера

Зменшення кількості запитів до сервера

  • Налаштування кешу. Поширені методи - кешування на рівні web-сервера, кешування на рівні php (opcache), кешування запитів в БД (наприклад, memcache).

Для зображень, CSS і скриптів - рекомендується також настройка кешування на стороні браузера, якщо сторінки є статичними і не потребують оновлення даних (як в e-commerce).

  • Зменшення кількості файлів (фото, скрипти і т.д.), що завантажуються зі сторонніх ресурсів. Тут важливо дотримати баланс - з одного боку - коли всі файли знаходяться на вашому сервері це збільшує навантаження на хостинг і зменшує вільне місце, з іншого боку - зберігання файлів на сторонніх ресурсах збільшить кількість запитів. Потрібна "золота середина".

Зменшення розміру HTTP сторінки

Методи zip, gzip можуть допомогти в стисненні даних на стороні сервера. Даний метод, по суті, упаковує дані сайту в архів і за запитом розпаковує їх без втрати якості. Можна попросити хостинг-провайдера або самостійно включити стиск на сервері. Включити стиснення можна додавши в файл .htaccess необхідні команди.

оптимізація коду

оптимізація коду

Код сайту необхідно, по можливості, групувати і стискати. Рекомендовані дії:

  • Всі CSS стилі зібрати в один файл.
  • Всі скрипти також зібрати в один файл.
  • Файл з CSS стилями помістити в head сторінки.
  • Файл з скриптами опустити вниз сторінки, після контенту. Таким чином, спочатку буде завантажуватися видима частина сторінки, а потім скрипти.
  • Використовувати CSS-спрайт для зображень.
  • Використовувати спеціальні сервіси стиснення коду (HTML, CSS і JavaScript). наприклад:

Вибір хостингу / сервера

Хостинг грає важливу роль для швидкості завантаження сайту. Рекомендуємо звернути увагу на такі характеристики при виборі хостингу:

  • Географічна близькість серверів. Наприклад, якщо хостинг розташований в Україні, а його фізичні сервера - в США, то це відіб'ється на швидкості.
  • SSD диски (замість HDD).
  • VDS (віртуальний виділений сервер).
  • Параметри: мінімум 1Gb Ram, 1 ядро ​​процесора і 10 Гб SSD (залежить від навантаження на сайт).
  • Віддавайте перевагу використанню веб-сервера nginx для статичних сайтів. Він надійний і простий - не перевантажений функціями і відмінно оптимізований під сучасні конфігурації сайту. Веб-сервер nginx займає перше місце в світі за частотою використання для високонавантажених сайтів.

Використання мереж доставки контенту (CDN)

Мережа доставки (і дистрибуції) контенту (англ. Content Delivery Network або Content Distribution Network, CDN) - географічно розподілена мережа, яка спрощує доставку контента кінцевим користувачам в мережі Інтернет. Говорячи простою мовою, сервер має в своєму арсеналі багато маленьких "подсерверов", розташованих в різних точках, на які розподіляє дані. При запиті до сервера, користувач отримує відповідь із самої прилеглої точки. Таким чином скорочується шлях передачі даних. При розміщенні даних ближче до користувача збільшується швидкість завантаження, при цьому скорочується навантаження на "головний сервер".

Оптимізація бази даних

Оптимізація бази даних

Оптимізація включає в себе:

  • Оптимізація запитів.
  • Оптимізація структури.
  • Оптимізація сервера.

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

  • Видалити старі плагіни і дані.
  • Видалити всі ревізії.
  • Видалити всі коментарі зі спамом.
  • Видалити всі непідтверджені коментарі.
  • Вилучити всі невикористовувані теги.
  • Видалити старі шорткоди.
  • Видалити пінгбекі і трекбеки.
  • Видалити тимчасові опції.
  • Оптимізувати таблиці.

Якщо у вас WordPress, то існують спеціальні плагіни для оптимізації БД, наприклад, WP-Optimize і WP-Sweep.

Відключення пінгбеков і трекбеків

Trackback- і pingback-спам - це одна з різновидів спаму на сайтах WordPress. По суті, ніякого сенсу ці функції не несуть і є скоріше шкідливими, ніж корисними. Відключити ці функції можна просто - через адмінку Вордпресс (Настройки / Обговорення »/ зняти галочку з опції" Дозволити отримання від інших блогів повідомлень ") - це для нових записів. Для старих же записів потрібно відключити через базу даних SQL, відповідними запитами.

Турбо- і AMP-сторінки

Ці методи актуальні для статичних сторінок (наприклад, статей, новин). Хоча, вже ведуться роботи по використанню даних сервісів для динамічних сторінок (наприклад, "Кошиків" інтернет-магазинів). Турбо-сторінки - це сервіс зберігання даних на серверах Яндекс. При цьому вміст сторінки завантажується з сервера Яндекс збільшуючи швидкість завантаження (близько 1 секунди або менше). З 22 листопада 2017 року підключення до «Турбо-сторінок» стало можливим для всіх сайтів. AMP-сторінки (Accelerated Mobile Pages, прискорені мобільні сторінки) - це формат, при якому вміст сторінки на мобільних пристроях завантажується з кешу Google. Використовуються в основному для статичних сторінок. Для оновлюваних сторінок (інтернет-магазинів) також можливе використання за допомогою API Google. Середня швидкість AMP-сторінки - 0,7 секунди. Рекомендації по AMP-сторінок від Google https://support.google.com/webmasters/answer/6340290?hl=ru

Використання сучасних конфігурацій сайту

При створенні сайту рекомендується використовувати новітні фреймворки і методи. Наприклад, вибір останньої версії php, типу бази даних. Також не варто забувати про захист - антиспам, захист від ботів, антивіруси і т.д.

висновки

На цьому все. До вищеописаного, можна додати також поради:

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

Якою має бути швидкість завантаження?
Com/webmasters/answer/6340290?