Чому твій сайт завантажується повільно (і що можна виправити без перероблення)

Росіо має розплідник рослин у Халапі. Два місяці тому вона заплатила за сайт, і він вийшов гарний: велике фото входу, сезонні рослини, графік роботи, телефон, карта. Їй так сподобалось, що вона замовила додати посилання на вивіску біля тротуару.

Чого вона не бачила — це те, що відбувається з іншого боку. Хтось шукає «розплідник рослин у Халапі» з телефону, на мобільних даних і з двома смужками сигналу, стоячи на розі вулиці. Натискає посилання. З’являється фон, з’являється логотип, а там, де має бути фото, залишається сірий прямокутник. Через шість секунд цей чоловік повертається в Google і заходить на наступний сайт.

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

Чому мій сайт виглядає швидким на моєму телефоні, але повільним для інших?

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

Справжня перевірка коштує лише одного прохання. Попроси телефон у когось, хто ніколи не заходив на твій сайт — клієнта біля прилавка, сусідку, племінника — і попроси відкрити сайт на своїх мобільних даних, а не на твоєму wifi. Ти просто дивись на екран, нічого не пояснюючи. Ти зрозумієш усе з його обличчя ще до того, як з’явиться твій номер телефону.

Це єдина перевірка з цього списку, яку не можна зробити самому.

Що робить сайт повільним?

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

На сайті Росіо таких сорок: вхід, папороті, сукуленти, глиняні горщики, жінка, яка працює по суботах. Уже десять із них — це п’ятдесят мегабайтів, які комусь треба завантажити, стоячи на розі вулиці, і галерея завантажує їх усі, навіть якщо клієнт ніколи не долистає, щоб їх побачити. Ніхто на таке не розраховує, особливо коли тарифний план на дані закінчується в кінці місяця.

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

Друге: механізми, що йшли в комплекті з шаблоном

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

Ще ніхто не купив папороть через карусель. Усе це — елементи, які телефон повинен завантажити і зібрати, перш ніж показати сторінку повністю, і жоден із них не відповідає на питання, з яким прийшов клієнт: чи працюєш у неділю і скільки коштує фікус.

Третє: додаткові віджети

Третє — це додаткові віджети: чат, що вискакує через п’ять секунд, вбудована карта, яка завантажується сама, навіть якщо до неї ніхто не долистає, блок з відгуками, банер про cookies, кнопки п’яти соціальних мереж.

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

Чому шаблони сайтів завантажуються повільно?

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

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

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

Що насправді дає шаблон

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

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

Що важливіше: швидкість завантаження чи порядок появи вмісту?

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

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

Як виправити повільний сайт без його перероблення?

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

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

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

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

А якщо ти взагалі вирішив почати заново

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

«Сайт для мого розплідника в Халапі: рослини, які я продаю, за типами, ціни від, базовий догляд, адреса з картою, графік роботи і кнопка WhatsApp. Щоб швидко відкривався на мобільних даних, без каруселі й без відео.»

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

Якщо чесно: фотографії тобі доведеться завантажувати самому, і правильного розміру. Цю частину за тебе не зробить ніхто — ні тут, ні у Wix.

Перш ніж закрити цю вкладку

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

Якщо через три секунди твого номера телефону немає на екрані, ти вже знаєш, із чого почати. І вже знаєш, що проблема не в тому, що твій сайт був негарний.