- Чим загрожує повільний сайт
- Перевірка швидкості завантаження
- Як уникнути повільній швидкості завантаження
- Збільшення швидкості завантаження функціонуючого сайту
Якісно розроблений сайт включає в себе не тільки грамотний інтерфейс, вдалі візуальні рішення, але і високу швидкість завантаження сторінки. Вважається, що оптимальний час завантаження першого байта (TTFB) не повинно перевищувати 200 мс. На практиці, домогтися такого результату досить складно, тому хорошим результатом буде і 300 мс. Час завантаження сторінки не повинно перевищувати двох секунд (ідеально, якщо все відбудеться за секунду). На рендеринг залишилися послезагрузочних файлів, яких відносяться відео, картинки повинно йти не більше 1.5 секунд.
Чим загрожує повільний сайт
Найбільша ціна за неквапливість сайту - це відтік потенційних і напрацьованих відвідувачів. Звиклі до швидкого серфінгу мережі користувачі легко визначають навіть невелику затримку. Особливо важливий цей фактор для власників інтернет-магазинів. Якщо покупець відчуває себе некомфортно через тривалого очікування відповіді сторінки, то з імовірністю 70% він не повернеться на ваш сайт, навіть якщо придбав товар і той йому сподобався.
Аналізом впливу продуктивності сайту на кількість продаваних на ньому товарів, займаються гігантські конгломерати, такі як Google і Amazon. Проведені цими фірмами дослідження показали, що кожні 100 мс зволікання зменшують прибуток на 1%.
Довгий відгук сайту негативно впливає і на ваше місце в пошукових запитах. Гугл і Яндекс дбають про комфорт клієнтів, тому, якщо ваш сайт буде поступатися в швидкості сайту конкуренту (при приблизно однакових інших показниках), більш релевантним вважатиметься сайт вашого суперника.
Перевірка швидкості завантаження
Існує безліч інструментів, які не тільки допомагають перевірити швидкість завантаження, але і здатні надати додаткову інформацію і рекомендації щодо виправлення проблеми. Найбільшу популярність отримали:
PageSpeed, розроблений фахівцями Google, відрізняється елементарністю використання. Досить ввести URL сайту в відповідне поле і дочекатися обробки даних. Результат буде показаний на основі стобальною шкали, де 100 - повне дотримання всіх рекомендацій по збільшенню швидкості, а 0 - їх повне ігнорування. Як показує наша практика, досягти стовідсоткових показників неможливо, але закріпитися в діапазоні 75-90% цілком реально Додаткова перевага PageSpeed полягає в тому, що ресурс аналізує і ПК версію сайту і версію для мобільних пристроїв, а також (при низькій швидкості) вказує на варіанти виправлення проблеми.
Більш точні дані дає інструмент GTmetrix. Алгоритм роботи з даним сервісом ідентичний з PageSpeed, однак, разом з бальною шкалою швидкості, ви побачите точний час завантаження всіх скриптів і розмір сторінки.
Як уникнути повільній швидкості завантаження
Попередити простіше, ніж виправити. Замислюватися про швидкість завантаження необхідно ще на етапі розробки сайту. Звернути увагу слід на:
- вага сайту. Намагайтеся знайти золоту середину між інформативністю сайту і його візуальним оформленням. Якщо розмір сторінки вашої інтернет-майданчика не буде перевищувати 1 Мб, можете бути собою задоволені;
- верстку. Елементи, розміщені на сторінці, умовно діляться на дві категорії: видимі відразу і з'являються в міру звернення до них. До першої категорії відноситься основна інформація, а до другої - додаткові картинки, банери, відео і т.д. При неправильної верстки обидві ці категорії завантажуються одночасно, що істотно знижує швидкість відгуку;
- хостинг. При виборі хостингу, на якому буде розміщений ваш ресурс, звертайте увагу на ширину і швидкість його каналу, а також обладнання, яке повинно відповідати особливостям вашого сайту;
- географію. Чим далі сервер знаходиться від користувача, тим довше він завантажується. Виправити ситуацію допоможуть мережі доставки і дистрибуції контенту (CDN). CDN - це віддалені сервера, на яких зберігається контент вашого сайту. Коли користувач відкриє вашу сторінку, він буде отримувати дані з найближчого до нього CDN.
Збільшення швидкості завантаження функціонуючого сайту
Якщо тривалий час відгуку вже працюючого сайту робить його неконкурентоспроможним, ви можете зробити кілька маніпуляцій, за допомогою яких підвищите ранжування ресурсу і зробите його більш комфортним для відвідувачів.
Ми можемо допомогти як в оптимізації швидкості завантаження вашого сайту, так і в:
Якщо виникли питання задайте їх по телефону +38 067 622 62 82 або через форму зворотного зв'язку на сайті
Насамперед:
- оптимізуйте зображення; картинки з високою роздільною здатністю хоч і виглядають ефектно, але істотно знижують швидкість завантаження;
- мінімізуйте кількість елементів, прописаних за допомогою HTML і JavaScript. Створені на них елементи занурюються повільніше і відчутно знижують швидкість завантаження сторінки;
- використовуйте кеш браузера користувача. Він збереже дані на його комп'ютері і буде завантажувати їх звідти під час наступного відвідування. Особливо це корисно для порталів з постійною клієнтською базою;
- використання кольору замість фонових зображень;
- завантажуйте викликаються об'єкти і зовнішній Javascript в останню чергу;
- використовуйте окремі файли для повторюваного коду.
Самостійно зробити всі перераховані вище дії досить складно, з огляду на те, що вони зачіпають різні етапи розробки сайту. Тому набагато раціональніше довірити задачу по збільшенню швидкості завантаження сторінки професіоналам.
Ознайомитися з тим, як зменшення швидкості завантаження сайту призвело до зростання трафіку можна в нашому кейсі з технічної оптимізації сайту intehnika.com.ua .