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

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

1.1 Чи справді швидкість сторінки має значення?

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

Опитування досвіду та поведінки користувачів

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

Наприклад, опитування, проведені Akamai.com і Gomez.com, показують, що 47% споживачів чекають на завантаження веб-сторінки не більше двох секунд, а якщо веб-сайт не завантажується протягом трьох секунд, вони взагалі залишають сайт.

Подібним чином, згідно з даними, представленими AOL, швидкість завантаження сторінки впливає на кількість переглядів сторінок за відвідування до приголомшливих 50%. Інше дослідження показало, що 79% онлайн-покупців, які зіткнулися з проблемами на веб-сайті, кажуть, що вони з меншою ймовірністю повернуться на цей сайт знову, причому 44% з них сказали, що вони б розповіли друзям про свій поганий досвід користувача.

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

Веб-сайт електронної комерції Shopzilla досяг вражаючого збільшення кількості переглядів сторінок на 25% і отримав від 7% до 12% більше доходу завдяки скороченню часу завантаження веб-сайту з ~7 секунд до ~2 секунд. Ці цифри дуже збігаються з дослідженнями Gomez.com і Akamai.com, які стверджують, що для магазину електронної комерції, який заробляє 100 000 доларів США на день, затримка сторінки лише на одну секунду може потенційно коштувати 2,5 мільйонів доларів у вигляді втрачених продажів щороку. Та сама секундна затримка відповіді на сторінку може призвести до зниження конверсій на 7%.

Швидкість сторінки як фактор рейтингу пошукової системи

Коли справа доходить до пошукової оптимізації, ми відразу ж думаємо про використання ключових слів у нашому веб-вмісті або про створення зворотних посилань на наш веб-сайт, але єдине, що ми часто не помічаємо, — це важливість швидкості сторінки в рейтингу SEO. За словами Google:

«Прискорення роботи веб-сайтів важливо не лише для власників сайтів, а й для всіх користувачів Інтернету. Швидші сайти створюють щасливих користувачів, і ми побачили в наших внутрішніх дослідженнях, що коли сайт повільно реагує, відвідувачі проводять там менше часу».

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

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

1.2 Перевірте швидкість сторінки

Тестування швидкості вашої сторінки – гарна ідея, і ми тут, щоб показати вам, як це зробити. Ми пропонуємо використовувати широко використовуваний онлайн-інструмент від Pingdom.

Просто перейдіть на tools.pingdom.com, введіть адресу свого веб-сайту, виберіть своє місце розташування зі спадного меню та натисніть «Почати тест». Все інше зробить Pingdom.

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

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

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

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

1 Використовуйте мережу доставки вмісту (CDN)

Використання служби CDN є одним із найпопулярніших способів скоротити час завантаження сторінки. Це робиться шляхом надсилання кешованої версії вмісту вашої веб-сторінки до географічно розподіленої мережі серверів, яка називається точками присутності, або скорочено POP.

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

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

2 Використовуйте заголовки Expires, щоб використовувати кешування веб-переглядача

Термін дії заголовків – це фрагмент коду, визначений у файлі .htaccess. Він дає браузеру вказівки, спрямовуючи його запитати певну сторінку з сервера або отримати версію сторінки з кешу браузера.

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

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

3 Виправте всі непрацюючі посилання

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

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

Виправте це, визначивши та виправивши непрацюючі посилання. Ми рекомендуємо використовувати безкоштовний інструмент, як-от Google Webmaster Tools або Screaming Frog SEO Spider.

4 Укажіть розміри зображення та набір символів у заголовках HTTP

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

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

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

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

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

Обов’язково також оптимізуйте кожне зображення перед завантаженням на свій веб-сайт. Якщо ви використовуєте графічне програмне забезпечення для оптимізації зображень, скористайтеся опцією «Зберегти для Інтернету». Це зменшить розмір зображень і покращить час завантаження сторінки. Пам’ятайте, що ви повинні використовувати розширення зображень JPEG або PNG – не використовуйте BMP або TIFF.

Користувачі WordPress можуть установити плагін WP Smush.it для автоматичного стиснення зображень. WP Smush.it працює у фоновому режимі кожного разу, коли ви завантажуєте зображення у свою медіа-бібліотеку, і зменшує розмір зображень без погіршення якості.

6 Зменште перенаправлення 301

Для відновлення непрацюючих посилань (404 помилки) бажано переспрямувати 301. Однак, якщо на вашому веб-сайті занадто багато перенаправлень 301, браузеру може знадобитися більше часу, щоб досягти правильного пункту призначення.

Переспрямування 301 створюють додаткові HTTP-запити, що означає подальше збільшення часу завантаження сторінки, тому, де можливо, зведіть перенаправлення 301 до мінімуму. Ми рекомендуємо знайти ваші перенаправлення 301 за допомогою інструменту Screaming Frog SEO Spider.

7 Використовуйте стиснення GZIP

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

Запитайте свого постачальника веб-хостингу, чи ввімкнули вони стиснення та дефляцію GZIP на своїх веб-серверах. Якщо ви використовуєте VPS-хостинг, ви можете включити його самостійно.

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

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

Системи керування вмістом, такі як WordPress, Joomla та Drupal, мають чудові плагіни кешу для покращення швидкості сторінки. Ці плагіни скорочують час завантаження сторінки, кешуючи останню версію вашого веб-сайту, тож вашому веб-переглядачу не потрібно щоразу динамічно генерувати ту саму сторінку.

9 Розташуйте CSS угорі, а JS – унизу

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

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

10 Зменште файли CSS і JS

Термін мінімізація означає процес видалення непотрібних символів, які не потрібні для виконання коду. Найпоширеніший спосіб мінімізації файлів — об’єднати всі файли CSS і JS в один, тому вам не доведеться викликати кілька файлів для кожного окремого запиту.

Інший спосіб мінімізації — видалити пробіли, символи нового рядка, коментарі та розділювачі блоків у JS і CSS, щоб зменшити ці файли.

Користувачі WordPress можуть просто встановити плагін під назвою WP Minify, щоб зменшити файли JS і CSS.

11 Вимкніть гарячі посилання на зображення

Хотлінкінг або викрадення пропускної здатності споживають вашу виділену пропускну здатність і сповільнюють роботу веб-сайту. Щоб запобігти гарячим посиланням, просто додайте наведений нижче код до свого файлу .htaccess і завантажте файл у свій кореневий каталог або окремий підкаталог, щоб локалізувати ефект лише в одному розділі вашого сайту.

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www.)?yourdomain.com/.*$ [NC]
RewriteRule .(gif|jpg|js|css)$ - [F]

1.4 Як веб-хостинг впливає на швидкість сторінки

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

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

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

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

1.5 Якою мірою VPS-хостинг покращує швидкість завантаження сторінки?

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

Щоб визначити, наскільки VPS-хостинг покращує швидкість завантаження сторінки, ми провели тест швидкості завантаження сторінки. Тест проводився на найпопулярніших інсталяціях CMS, Magento, WordPress, Drupal і Joomla: один на пакеті спільного хостингу, а інший на пакеті SSD VPS. Ми знайшли такі результати:

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