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

дізнайтеся

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

Уявіть собі таку ситуацію: ви пішли до фаст-фуду, який славиться доставкою замовлень до 5 хвилин, але минуло 15 хвилин з моменту розміщення замовлення, і нічого. Скільки часу вам знадобиться, щоб здатися? Що, якби сусідній фаст-фуд гарантував подібне замовлення всього за 3 хвилини?

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

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

Чи впливає швидкість на результати веб-сайту?

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

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

  • За даними Aberdeen Group, кожна друга додаткова завантаження сторінки призводить до 11% зменшення кількості переглядів сторінок і 16% зниження рівня задоволеності клієнтів;
  • Згідно з дослідженнями Kissmetrics, 40% відвідувачів кидають сторінки, на завантаження яких потрібно більше 3 секунд, і кожні 1 секунду довше під час завантаження веб-сайту зменшують кількість конверсій на 7%;
  • 88% користувачів, які мали поганий досвід при вході на веб-сайт через швидкість завантаження, рідше купують у нього, і більше третини цих користувачів поділяться своїм поганим досвідом з друзями, розслідування Econsultancy .
  • 85% користувачів мобільних пристроїв очікують, що сторінка завантажуватиметься принаймні з такою ж швидкістю, що і робочий стіл, повідомляє Web Performance Today .

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

Який ідеальний час зарядки?

За даними Pingdom, який має інструмент для вимірювання швидкості веб-сайтів, середній час завантаження сайтів становить 5 секунд. У відеоролику "Ефективність сайту для веб-майстрів" Мейл Ох'є зазначає, що 2 секунди - це обмеження для хорошої продуктивності.

Спеціаліст Джефф Кеніон також провів розслідування, в ході якого виявив, що у випадку, якщо веб-сайт завантажується за 5 секунд, це швидше, ніж приблизно 25% Інтернету; за 2,9 секунди більше 50% мережі; і якщо він завантажується за 0,8 секунди, це найшвидший з 94% всієї мережі.

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

Як виміряти швидкість веб-сайту?

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

Google PageSpeed ​​Insights

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

Поряд з кожною пропозицією щодо вдосконалення, інструмент також показує, як його застосовувати. Кожна пропозиція класифікується як пріоритетний показник:

  • "Ви повинні виправити": виділені червоним кольором, це повідомлення про вдосконалення, які, якщо їх застосувати, матимуть більший вплив на час завантаження сторінки;
  • "Подумайте про виправлення": виділені жовтим кольором, це повідомлення про вдосконалення, які не сильно впливають на швидкість сторінки і не повинні бути пріоритетними;
  • "Затверджено у ...": виділено зеленим кольором - це позитивні моменти сторінки.

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

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

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

Після включення посилання на сторінку та запуску звіту інструмент проводить повний аналіз та представляє різні дані на наступному екрані. У верхній частині подано короткий зміст із двома балами в Показники продуктивності, один заснований на Pagespeed Insights, а другий - на YSlow, проект, який аналізує швидкість сторінки на основі високопродуктивних правил сайту Yahoo. Представлені бали, як правило, різні, оскільки інструменти використовують різні критерії для оцінки сторінки.

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

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

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

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

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

На додаток до GTmetrix та Pagespeed Insights існує ще кілька чудових інструментів з безкоштовними версіями для тестування, таких як:

Що робити, щоб сторінка швидше завантажувалася?

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

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

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

Скористайтеся кешем браузера

Щоразу, коли хтось заходить на веб-сайт, весь його вміст тимчасово завантажується на пристрій, поки користувач не покине сторінку. Через кеш-пам’ять ми можемо сказати браузерам, таким як Chrome та Firefox, зберігати ці файли збереженими.

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

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

Якщо ваш веб-сайт працює на WordPress, існує кілька плагінів, які виконують цю функцію. Найбільш використовуваний W3 Total Cache, який навіть рекомендують хостингові компанії. Ще однією чудовою альтернативою (менш популярною) є WP Fastest Cache, яка також має інші ресурси і, порівняно з W3 та іншими плагінами, має кращу продуктивність.

Зменшіть кількість переспрямувань

Завантажуючи сторінку, іноді потрібно перенаправити браузер з однієї URL-адреси на іншу. Це переспрямування може бути здійснено для вказівки нового розташування вмісту, відстеження кліків та показів або виправлення різних типів доступу (наприклад, при переспрямуванні з www.example.com. для example.com. або від http для https) .

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

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

Для управління внутрішніми переспрямуваннями на сайтах WordPress можна використовувати такі плагіни, як Yoast SEO та SEO Redirection .

Зменшіть CSS, Javascript та HTML

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

Щоб вирішити цю проблему, можна зменшити (зробити світлішими) ці файли, видаливши всю непотрібну інформацію. Як правило, ця дія забезпечує зменшення розміру файлу на 20-30%, що, залежно від загального розміру, може суттєво змінити ситуацію.

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

Якщо сайт у WordPress, це простіше, оскільки доступно кілька плагінів, які виконують цю роботу, і багато з них безкоштовні. Найбільш використовуваними є Autoptimize, Better WordPress Minify та W3 Total Cache .

Не використовуйте Javascript, що блокує візуалізацію

При вході на певну сторінку ваш HTML завантажується зверху вниз, роблячи запити в такому порядку. Файли CSS та Javascript, присутні на початку, обробляються перед вмістом сторінки, що в кінцевому підсумку збільшує час завантаження.

Деякі тестові інструменти вказують, що Javascript і CSS слід надсилати внизу сторінки раніше