Подивіться в Інтернеті, і ви знайдете безліч цитованих статистичних даних про те, як мало часу люди готові чекати завантаження будь-якого веб-сайту, перш ніж втратити інтерес (у такому випадку не завжди звинувачуйте постачальника веб-хостингу).
Люди з фіксованим широкосмуговим з’єднанням очікують, що веб-сайт з’явиться майже миттєво, і навіть мобільні користувачі не мають безмежного терпіння.
Детальніше: Offcloud
Згідно з дослідженнями, оптимальний час завантаження сторінки становить три секунди, хоча більшість веб-сайтів ближче до подвоєного - або більше. І якщо ви пройдете значно більше 10 секунд, більшість людей, швидше за все, покинуть сторінку та підуть в інше місце.
Тривалість появи веб-сторінки у браузері залежить від факторів, розподілених між сервером та клієнтським пристроєм на іншому кінці.
Незважаючи на те, що неможливо пришвидшити роботу всіх користувачів через речі, які не залежать від веб-дизайнера, практично зробити сайт максимально ефективним, покращивши ефективність роботи більшості відвідувачів.
Підвищення швидкості можна досягти за допомогою ряду різних методів, але є три центральних опори для підвищення продуктивності сайту. Це вдосконалений хостинг, оптимізація веб-сайтів, а також деякі міркування щодо певної платформи.
- Ми вибрали найкращі послуги веб-хостингу саме тут
- Це найкращі безкоштовні веб-хостингові компанії
- І це на сьогодні найкращі розробники веб-сайтів
Важливість хостингу
Скільки сайт витрачає на веб-хостинг, як правило, пропорційно кількості відвідувачів, яка очікується в будь-який день, враховуючи, скільки часу кожен із них перебуває та скільки сторінок вони переглядають.
Це основна причина, поряд з проблемами безпеки, чому порівняно небагато компаній розміщують сайти всередині.
Як правило, веб-хостинг є «віртуальним», оскільки певна апаратна частина не виділяється веб-сайту - швидше, вона ділиться з іншими сайтами за допомогою віртуалізації.
Принадність цього рішення полягає в тому, що в періоди високого попиту на сайт можна легко виділити більше ресурсів, за умови, що угода про хостинг дозволяє таку гнучкість.
Важливо вирішити прогнозований трафік, який ви очікуєте отримати, і належним чином підвищити свою послугу.
Якщо у вас швидко зростаючий сайт, але через рівень хостингу він починає не реагувати, коли з’являється потік відвідувачів, це може підірвати весь ваш проект. Тому плануйте починати з малого, а потім масштабувати, коли сайт досягне зрілості.
Оптимізація сайту
Ефективність будь-якого веб-сайту дуже залежить від того, як він був побудований, і яку програмну технологію він використовує.
Отримавши прототип сайту, однією з перших процедур, яку потрібно виконати, є оцінка кожної сторінки щодо того, скільки часу потрібно для завантаження. Доступні численні інструменти для вимірювання продуктивності сторінки, і деякі з них розподілять терміни, щоб точно визначити, що саме спричинило найбільшу затримку на будь-якій даній сторінці.
Це тестування - це не те, що ви повинні проводити лише один раз на одному ПК, оскільки ваші відвідувачі будуть приїжджати з різної кількості різних місць, з різноманітними широкосмуговими з’єднаннями, і вони будуть використовувати різні типи пристроїв.
Особливо важливо, щоб мобільні платформи тестувались як за Wi-Fi, так і за стільниковим зв’язком. І в ідеальному світі отримання результатів із віддалених географічних розташувань також є цінною інформацією.
Після того, як ви зібрали ці дані про ефективність, настав час повернутися на сайт і подивитися, які зміни ви можете зробити, щоб покращити взаємодію з користувачем.
Ось список із семи основних питань, які уповільнюють роботу веб-сайту, до якого можна легко звернутися.
1. Сторінки з кількома джерелами
Якщо сторінка складається з елементів, які надходять з інших місць, включаючи рекламу, це може суттєво вплинути на швидкість. Сторінка стає залежною від того, наскільки швидко подаються ці елементи поза межами сайту, що ускладнює проблеми з продуктивністю.
Якщо у вас є сторінка, яка неодноразово завантажується занадто довго, визначте, що її уповільнює, і видаліть.
2. Віджети та плагіни
Занадто багато цих компонентів спричиняють ті самі проблеми, що і сторінки з кількома джерелами, але це проблема, яка стосується, зокрема, сайтів WordPress. Спокуса попередньо завантажити сторінки з усілякими календарями, анімованими кнопками, годинниками тощо, сильна, але ви повинні встояти.
Для виконання цих функцій потрібен код на стороні сервера та код на стороні клієнта, і вони часто призупиняють презентацію інших елементів сторінки, перш ніж вони закінчать завантаження.
3. Масштабування графіки
Графіку веб-сайтів не слід масштабувати, якщо це не фотографії, на яких ви хочете, щоб на них можна було натиснути для повноцінної презентації.
Масштабувати їх також погано, оскільки це робить їх блокуючими або виявляє артефакти стиснення.
Зроблення графіки такого самого розміру, як їх слід переглядати, знімає робоче навантаження з сервера та клієнтського браузера та уникає завантаження користувачем більшої графіки, ніж потрібно.
4. Несумісні носії
Існує безліч типів файлів, які колись були популярними на ПК, але зараз фактично не існують. Користувачі мобільних пристроїв не матимуть до них доступу, і більшість користувачів настільних ПК також матимуть проблеми, якщо вони все ще не використовують плагін у старій версії веб-переглядача.
Як правило, не розміщуйте формати відео, зображень або музики, які не працюють за замовчуванням у Google Chrome або Microsoft Edge. Це дратує користувачів, коли на веб-сайті відсутні елементи або виникають дивні помилки.
5. Бекенд-код
Скільки разів ви бачили акуратну функцію, яку можна додати на веб-сайт за допомогою "просто короткого рядка коду"? Їх багато, і вони можуть бути корисними. Однак вони часто завдають головного болю набагато більшому фрагменту коду, який працює на сервері, щоб змусити фрагмент коду зробити щось корисне.
Їх занадто багато - тому що ви розміщуєте цей код на кожній сторінці - і сервер заглибиться, намагаючись обробити ці запити, а не обслуговувати сторінки сайту.
Найбільш поширеними винуватцями цих речей є, як не дивно, аналітика та обробка форм. Але код, який вирішує інші завдання, також може негативно вплинути на загальну продуктивність.
6. Мобільні помилки
Класична помилка, яка впливає на користувачів мобільних пристроїв, полягає в тому, що переспрямування на мобільну версію сайту відбувається лише після того, як більша частина домашньої сторінки, призначеної для робочого столу, відображається на телефоні або планшеті.
Результатом є часто тривале очікування, перш ніж браузер потрапляє на мобільний сайт, а потім чергова затримка перед цим.
Хоча статистично мобільні платформи все ще трохи відстають від звичайних комп’ютерів з точки зору перегляду веб-сторінок, мобільний серфінг швидко розширюється і дуже скоро стане домінуючим способом доступу більшості користувачів до більшості сайтів.
Тому увага до мобільного варіанту будь-якого сайту є принаймні настільки ж важливою, якщо не більше, ніж настільною.
Оскільки мобільні користувачі часто підключаються, використовуючи послуги передачі даних 3G або 4G, без постійних швидкостей передачі, на які могли б розраховувати користувачі дротового широкосмугового зв'язку, значення швидкої доставки веб-сторінок ще більше.
7. Використовуйте компресію
Існує безліч способів, як можна переконатися, що файли, що складають веб-сайт, менші, а отже, швидше завантажуються для відвідувача.
Існують глобальні технології на стороні сервера, такі як Gzip, які можуть зменшувати розміри файлів на цілих 70%, хоча просто вибір правильних типів файлів та рівнів стиснення для файлів JPG.webp може також принести переваги продуктивності.
Gzip потребує активації сервера, і ви можете перевірити, чи він активний на вашому сервері, використовуючи цей сайт.
Єдине застереження щодо використання стиснення полягає в тому, що ви повинні ідентифікувати ті файли та папки, які ви не хочете стискати до системи. Оскільки вже стиснуті відеофайли та стислі обсяги (ZIP, RAR або LZH) не можна більше стискати.
