Почему ваш сайт загружается медленно (и что можно починить без переделки)
Сайт загружается медленно почти всегда из-за несжатых фотографий, неиспользуемых анимаций шаблона и лишних виджетов — например, чата или карты, — которые подгружаются без надобности. И чинится это за неделю, без переделки сайта.
У Росио питомник растений в Шалапе. Два месяца назад она заплатила за сайт, и получилось красиво: большое фото входа, сезонные растения, часы работы, телефон, карта. Ей так понравилось, что она попросила разместить ссылку на уличной вывеске.
Чего она не видела — это что происходит по ту сторону. Кто-то ищет «питомник растений в Шалапе» с телефона, на мобильном интернете, с двумя полосками сигнала, стоя на углу. Нажимает на ссылку. Появляется фон, появляется логотип, а на месте фото остаётся серый прямоугольник. Через шесть секунд этот человек возвращается в Google и открывает следующий сайт.
Он не решил, что питомник ему не подходит: он просто не успел узнать, что там продают. А в статистике это выглядит точно так же, как клиент, прочитавший всё до конца — просто визит. Медленный сайт — это тот, который показывает содержимое спустя несколько секунд после открытия, — и когда так происходит, вы не теряете клиентов: вы теряете людей, которые даже не узнали, что вы существуете как вариант.
Почему на моём телефоне сайт открывается быстро, а для остальных — медленно?
Потому что ваш телефон вас обманывает: вы открываете сайт каждый день с одного и того же устройства, подключённого к wifi вашего магазина, и браузер уже всё закешировал. Для вас сайт всегда будет открываться мгновенно, даже если новому клиенту на мобильном интернете он грузится восемь секунд.
Настоящая проверка стоит одной просьбы. Попросите телефон у кого-то, кто никогда не заходил на ваш сайт — клиента у прилавка, соседку, племянника — и пусть откроет его со своим мобильным интернетом, а не с вашим wifi. Просто смотрите на экран, ничего не объясняя. Вы поймёте всё по выражению его лица раньше, чем появится ваш номер телефона.
Это единственная проверка из этого списка, которую нельзя сделать в одиночку.
Что делает сайт медленным?
Почти всегда это фотографии. Снимок с вашего телефона обычно весит четыре-пять мегабайт. На сайте он показывается в квадратике размером три сантиметра. Вы отправляете плакат, чтобы кто-то увидел его размером с почтовую марку, и клиент оплачивает этот плакат целиком своим трафиком, прежде чем увидит хоть что-то.
На сайте Росио их сорок: вход, папоротники, суккуленты, глиняные горшки, женщина, которая работает по субботам. Уже десять из них — это пятьдесят мегабайт, которые нужно скачать, стоя на углу, а галерея запрашивает их все, даже если клиент никогда не долистает до конца, чтобы их увидеть. Никто этого не ждёт, особенно когда тариф на мобильный интернет подходит к концу месяца.
Это самая «тяжёлая» часть — и в то же время самая простая в исправлении, потому что ни одну фотографию убирать не нужно: достаточно просто загрузить их заново, в меньшем размере.
Вторая причина: механика, встроенная в шаблон
Вторая по весу вещь — это механика, которая идёт в комплекте с шаблоном: карусель, которая сама меняет фотографии, видео на фоне заставки, буквы, которые проявляются, когда вы скроллите вниз.
Никто никогда не купил папоротник из-за карусели. Всё это — детали, которые телефону нужно скачать и собрать, прежде чем показать страницу целиком, и ни одна из них не отвечает на вопрос, с которым пришёл клиент: открыты ли вы по воскресеньям и сколько стоит фикус.
Третья причина: дополнения
Третье — это дополнительные виджеты: чат, который выскакивает через пять секунд, встроенная карта, которая загружается сама, даже если до неё никто не долистает, блок отзывов, баннер про cookies, кнопки пяти социальных сетей.
Каждый из них запрашивает свой собственный кусочек интернета, иногда с сервера в другой стране, прежде чем ваша страница закончит отображаться. Один такой элемент незаметен. Шесть — уже заметны.
Почему шаблоны сайтов загружаются медленно?
Шаблоны загружаются медленно, потому что их не делали для вашего бизнеса. Их сделали так, чтобы они впечатляюще смотрелись в каталоге, где вы их выбирали, и именно там карусель и анимации — это то, что заставляет людей кликнуть именно на них.
Никто не сказал вам убрать то, чем вы не пользуетесь. А в большинстве редакторов убрать раздел стоит больше труда, чем оставить его: нужно найти нужный модуль и угадать, что сломается, если его удалить. Поэтому раздел остаётся. Ваш сайт медленный не потому, что кто-то плохо сделал свою работу; он медленный, потому что родился с чужими деталями внутри, и ни у кого не было времени их вынуть.
Когда вместо выбора шаблона вы описываете, что вам нужно, главное отличие — не в дизайне: сайт выходит с теми разделами, которые вы заказали, и ничем больше. Убирать нечего, потому что ничего лишнего туда и не добавляли.
Что шаблон даёт по-настоящему
Если то, что вы продаёте, можно увидеть — растения, одежда, еда, маникюр — крупные, хорошо расставленные фотографии продают лучше любого текста, и шаблон уже собран вокруг этого. Есть направления, где карусель действительно работает — например, салон, который хочет показать восемь примеров «до и после». И если ваш сайт уже работает, переделывать его полностью только из-за скорости почти никогда не стоит того.
И самое важное, чтобы вы не потратили месяц не на то: медленный сайт, который находится в Google, лучше быстрого, который никто не находит. Если вас не находят, когда ищут вашу сферу деятельности и ваш город, начинать нужно не с этого.
Что важнее: скорость загрузки или порядок, в котором всё появляется?
Порядок появления контента важнее, чем общее время загрузки. Страница может загружаться целых шесть секунд и при этом казаться быстрой, если уже в первую секунду видно название бизнеса, часы работы и телефон. А может загружаться три секунды и казаться вечностью, если первым приходит фото на два мегабайта, а телефон появляется только в самом конце, под отзывами.
Никто не замеряет ваш сайт секундомером. Люди проверяют, нашли ли они уже то, за чем пришли. Если это появляется первым, всё остальное может спокойно продолжать загружаться.
Как починить медленную загрузку сайта без его переделки?
Это чинится тремя шагами, именно в этом порядке, и все три укладываются в неделю.
1. Загрузите фотографии заново, в меньшем размере. Во многих редакторах есть функция оптимизации или сжатия изображений; если в вашем её нет, уменьшите фото на телефоне перед загрузкой. Начните с самой первой фотографии на странице — именно она тормозит всё остальное.
2. Убирайте то, чем не пользуетесь. Сначала карусель: оставьте только одну фотографию, лучшую. Потом фоновое видео. Потом кнопки соцсетей, в которых вы не публиковались с прошлого года.
3. Поднимите наверх то, за чем люди пришли. Название, чем вы занимаетесь, часы работы, телефон и адрес — на первом экране, с номером, по которому можно нажать и сразу позвонить.
А если вы предпочитаете начать с нуля
Если сайт уже доставляет больше хлопот, чем пользы, опишите его в Proyecta именно так, как вы его хотите:
«Сайт для моего питомника в Шалапе: растения, которые я продаю, по видам, цены от, базовый уход, адрес с картой, часы работы и кнопка WhatsApp. Чтобы быстро открывался на мобильном интернете, без карусели и без видео».
Это последнее требование формулируется словами, точно так же, как и всё остальное. Сайт выходит опубликованным со своей ссылкой, и если что-то получилось лишним — вы просто просите убрать.
Честно говоря: фотографии придётся загружать вам самим, и в правильном размере. Эту часть за вас не сделает никто — ни здесь, ни в Wix.
Прежде чем закрыть эту вкладку
Попросите телефон у первого же человека, который зайдёт сегодня в ваш магазин. Откройте свой сайт через его мобильный интернет и посчитайте до трёх.
Если через три секунды вашего телефона на экране ещё нет — вы уже знаете, с чего начать. И вы уже знаете, что проблема была не в том, что ваш сайт выглядел некрасиво.