Чому і як покращити Genious Interactive швидкість завантаження

Автор

Категорії

Резюме

interactive

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

Навіщо покращувати швидкість завантаження вашого сайту ?

Поліпшити утримання відвідувачів

швидкість завантаження про сайт - це перше враження, яке справляє відвідувач. У той час, коли все має бути миттєво, навіть на мобільному пристрої, користувач більше не чекає. Якщо ваш сайт завантажується занадто довго, швидше за все, ви залишите сторінку, щоб повернутися до пошуку, що збільшить ваш швидкість відскоку*. Дослідження показали, що 47% користувачів очікують, що сторінка завантажиться менше ніж за 2 секунди, а 40% користувачів Інтернету закривають сторінку, якщо для відображення потрібно більше 3 секунд. Зменшення часу завантаження допоможе зберегти користувача довше,збільшити кількість конверсій (покупки, реєстрації) та надати позитивний імідж вашому бренду. Таким чином, відвідувач буде більш схильний повертатися на ваші сторінки.

* відсоток користувачів, які заходять на веб-сторінку, а потім залишають сайт, не консультуючись з іншими сторінками

Просувайте свій SEO

Починаючи з 2010 року, Google враховує швидкість завантаження Рейтинг SEO. Таким чином, веб-гігант просуває посилання на сайти, які швидко завантажуються та відображаються. І навпаки, тривалий час завантаження призведе до втрати видимості. Ваш сайт буде карається в SEO і може отримати дуже переконливий "Red Slow Label" у пошукових системах.

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

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

Існує багато Інтернет-інструментів виміряйте швидкість вашого сайту (Google PageSpeed, GT Metrix, Webpagetest, Pingdom, Yslow (розширення Chrome), Firebug (розширення Firefox)). Для отримання більш надійних результатів доцільно використовувати кілька.

Ці інструменти нададуть вам такі показники ефективності (або KPI), як:

• TTBF (Час до першого байта), час, необхідний серверу для надсилання першої відповіді,

• Початок візуалізації: час відображення пікселя на екрані,

• Повнозавантажений час: час завантаження всієї сторінки та її елементів,

• Byte In: кількість даних, яку браузер повинен отримати для повного відображення сторінки.

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

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

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

Оптимізуйте свої зображення для Інтернету

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

• Переконайтеся, що він має роздільну здатність 72 dpi (піксель/дюйм), або виберіть «Зберегти для Інтернету» у програмі для редагування зображень (Photoshop або Gimp),

• Виберіть формат зображення, сумісний з Інтернетом: JPEG для фотографій, PNG для ефектів прозорості, GIF для анімації,

• Зменште розмір зображення, бажано за допомогою вашої CMS (автоматична генерація ескізів), програмного забезпечення або Інтернет-інструменту, а не за допомогою коду CSS для кращої якості,

• Стискайте зображення за допомогою онлайн-інструментів, таких як Compressor, ezGif, TinyPNG, Image Optim або, у випадку з сайтом WordPress, встановлюючи такі плагіни, як Image Optimizer, Imagify, Smush.

В ідеалі, вага веб-зображення становить від 50 до 500 КБ.

Ще одне рішення для коротшого часу завантаження, коли ви хочете перейти до дизайну вашого сайту: використовуйте метод Спрайти CSS, який складається з об’єднання декількох зображень в одне і лише вибору області для відображення.

Якщо на ваших сторінках багато зображень, ви також можете використовувати асинхронне завантаження (Lazy Load), щоб відображати їх лише тоді, коли вони видно на екрані. Парадоксально, але використання «Ледачого завантаження» не рекомендується для SEO, оскільки не всі пошукові системи можуть виконувати коди JavaScript.

Зменште розмір файлів коду

Якщо повільність не пов'язана з вагою ваших зображень, причиною може бути ваш код. Ось 3 кроки до полегшити ваші файли HTML, CSS та JS.

• Зменшіть свої коди: щоб зменшити ваші файли, видаліть пробіли, розриви рядків, коментарі та розділювачі блоків у коді. Якщо у вас є сайт WordPress, ви можете встановити плагін WP-Minify або Autoptimize, щоб автоматично зменшити свої коди. Ви також можете зробити це за допомогою онлайн-інструментів (Мініфікувати, Стиснути мій код) або безпосередньо з улюбленого програмного забезпечення для розробки.

• Групуйте файли: краще завантажувати файл розміром 50 КБ, а не 5 файлів розміром 10 КБ, тож не соромтеся розміщувати всі коди CSS в одному файлі та робити те саме для файлів JS. Зауважте, що це не обов’язково стосується HTTP2. На відміну від HTTP, який може завантажувати лише певну кількість файлів паралельно (від 2 до 8), HTTP2 не обмежений. У цьому випадку завантаження декількох малих файлів може бути вигіднішим, ніж завантаження великих файлів.

Джерело: GENIOUS Interactive

• Стиснути файли: активуйте стиснення GZip, щоб отримати файли коду на 70% легше. Ця система стиснення підтримується більшістю сучасних браузерів.

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

Встановіть систему кешування сервера

Коли користувач отримує доступ до URL-адреси, сервер повинен виконувати функції PHP і отримувати доступ до бази даних, перш ніж повертати свою відповідь браузеру.встановлення кешу сервера дозволяє під час першого завантаження генерувати збережену HTML-сторінку (кешовану), яка відображатиметься під час наступного відвідування. Завдяки кешу сервера, серверу більше не потрібно запускати функції PHP або отримувати доступ до бази даних. Менш зацікавлений, він стає швидшим. Система кешування сервера дозволяє значно покращити загальну продуктивність сайту: значну економію часу, покращений досвід роботи з користувачем, кращі природні посилання.

Для веб-сайту WordPress ви можете встановити кешування плагінів вже налаштовані, такі як WP-Rocket, WP Super Cache, W3 Total Cache або WP Fastest Cache.

Налаштуйте кешування браузера

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

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

Використовуйте CDN

Щоб зменшити час відповіді сервера, ви можете підписатися на Мережа доставки вмісту або Мережа доставки вмісту (CDN).

Джерело: GENIOUS Interactive

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

Щоб покращити свою ефективність, ось кілька CDN, які потрібно виявити: MaxCDN, Akamai, Google Cloud CDN, Limelight, OVH, Cloudflare.

Виберіть відповідне житло

Недостатній хостинг також може вплинути на швидкість завантаження. Для розмістити свій сайт, Вам доступні кілька рішень:

1. Безкоштовний хостинг

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

2. Спільний хостинг

Ваш сайт розміщений на сервері та використовує ті самі ресурси (пам’ять, процесор, пропускна здатність). Це найдешевший хостинг (менше 3 євро/місяць) і найпростіший у використанні, оскільки середовище вже встановлене. Однак, якщо один із розміщених сайтів виходить з ладу, ваш сайт піддається ризику збою сервера або навіть злому. Те саме стосується випадків, коли інший сайт, розміщений на тому самому сервері, що і ви, генерує багато трафіку, ваш сайт може сповільнитися, оскільки серверу доведеться посильніше працювати, щоб зібрати всі ці відвідування. У будь-якому випадку, не хвилюйтеся, якщо ви звернетесь до авторитетного провайдера, ризики піратства або втрати продуктивності через інші сайти зараз добре контролюються.спільний хостинг переважно підходить для веб-сайтів із низьким рівнем відвідуваності зі стандартними потребами (LAMP: Linux, Apache, MySQL, PHP).

3. Віртуальний хостинг або VPS - хмара

Ваш сайт розміщений на так званому віртуальному приватному сервері - VPS (Virtual Private Server). Цей віртуальний сервер має власну операційну систему та ділиться ресурсами фізичного сервера з іншими VPS. На відміну від спільного хостингу, ресурси зарезервовані для кожного VPS. Для виміряної вартості ви можете налаштувати свій хостинг як завгодно. Однаквіртуальний хостинг також ризикує, якщо одна з віртуальних машин вийде з ладу. Цей тип хостингу призначений для веб-сайтів з великим трафіком або з певними потребами (відео, великий обсяг дискового простору, оперативна пам’ять або ресурси центрального процесора, спеціальні бібліотеки, конкретні програми тощо). Зверніть увагу, що все більше і більше хостів пропонують як спільний хостинг, так і хостинг VPS.

Хмарний хостинг також з’явився в останні роки. На відміну від VPS, хмара має клони на різних серверах, що дозволяє їй бути високодоступною. У разі виходу з ладу першого сервера один із клонів може взяти на себе.

4. Виділений хостинг

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

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

Уникайте каскадного переспрямування

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

Однак багаторазові перенаправлення (A перенаправляє на B, які перенаправляють на C) можуть поступово шкодити SEO. Тому, уникайте перенаправлення ланцюгів.

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

Прийнявши всі наші поради, ви повинні помітити кардинальну зміну швидкості завантаження ваших сторінок. Однак, покращити продуктивність вашого сайту вимагає навичок роботи з комп’ютером. Якщо потрібно, зверніться до експерта Genious Interactive SEO, щоб виявити джерела повільності та визначити дії, які слід вжити.