Tilda Publishing – популярный блочный конструктор для создания блогов, интернет-магазинов, визиток и прочих сайтов. Платформа быстро стала популярной. Для работы с ней не нужны глубокие познания в программировании и другие специальные навыки. Но иногда у пользователей появляется вопрос: почему сайт на Тильде долго грузится? Из-за чего возникает подобная проблема, и как ее решить? Обо всем по порядку.
Как работают сайты на Тильде?
Tilda – простой в обращении пакет инструментов, позволяющий создавать веб-сайты с нуля. Для этого не требуются углубленные знания html или продвинутых языков программирования. Достаточно составить из имеющихся в базе блоков свой собственный проект, а затем поправить его в имеющемся встроенном редакторе Zero Block. Также инструмент нужен для создания уникальных элементов дизайна.
Собственноручно разработать проект на Тильде удастся даже новичку, никогда не изучавшему программирование. Ему не придется вникать в технические процессы или разбираться с кодом. Достаточно просто собрать дизайн веб-проекта из предложенных элементов. Таких блоков в базе сервиса сейчас более 550. Их число неуклонно растет. Помимо базовых блоков в Zero Block с легкостью создаются оригинальные элементы веб-страницы, придающие ресурсу оригинальный внешний вид.
После верстки страниц в системе пользователь выбирает тариф, соответствующий своим требованиям. Один веб-сайт платформа размещает бесплатно. После загрузки проекта на сервера компании он становится доступен миллионам посетителей.
Что влияет на скорость загрузки сайта?
Высокая скорость загрузки ресурса – залог хорошей посещаемости и попадания в топы выдачи поисковых систем. Поэтому веб-мастеры уделяют этому показателю особое внимание. Проверить собственный ресурс на скорость загрузки проще всего при помощи PageSpeed Insights – сервиса от компании Google. Он имитирует работу страниц проекта на «десктопах» и других устройствах, включая мобильные гаджеты. А затем выдает сайту собственную оценку. Если все страницы ресурса оптимизированы хорошо, то результат составит не менее 90%.
Отслеживать скорость загрузки позволяют и другие доступные инструменты. К примеру, через консоль разработчика в браузере Chrome. Она вызывается нажатием сочетания клавиш «alt+ctr+i» или «option+cmd+i». Особого внимания в консоли заслуживает параметр DOMContentLoaded. В нем отображена скорость полной загрузки страницы с учетом всех изображений, анимированных элементов и таблиц стилей.
Созданные на Тильде веб-страницы обычно грузятся достаточно быстро. Но чем больше дополнительных элементов пользователь размещает на страницах ресурса, тем медленнее проект работает. Не все веб-мастеры знают, как ускорить загрузку сайта на Тильде. Хотя делается это достаточно просто. Сначала проводится аудит. С его помощью выявляются недостатки, негативно влияющие на скорость загрузки. Затем веб-мастер приступает к устранению проблемы. Так почему проекты на Тильде «тормозят» чаще всего?
Возможные проблемы сайтов на Tilda
Причин замедленной работы проектов на Тильде может быть несколько. Обычно веб-сайт «тормозит» по следующим причинам:
- Использование изображений большого размера.
- Отсутствие отложенной загрузки «тяжелого» контента.
- Использование уникальных или плохо оптимизированных шрифтов.
- Отсутствие мгновенной «отрисовки» контента (опция отключена в настройках).
- Подключение большого количества внешних скриптов и кода.
- Отключение отложенной инициализации счетчиков.
- Подключение вебвизора и других элементов, снижающих скорость загрузки.
- Создание слишком длинных страниц ресурса.
- Перенос сайта с серверов Тильды на сторонний хостинг.
- Большое количество изображений в верхней части страниц.
Рассмотрим способы устранения вышеупомянутых проблем. Данный процесс не займет много времени. С ним справится даже начинающий веб-дизайнер.
Варианты решения проблем с загрузкой сайта на Тильде
Большинство проблем, описанных ранее, устраняются очень просто. Для этого не требуется специализированных навыков. Чтобы ваш сайт на Тильде заработал быстрее, достаточно использовать следующие рекомендации.
Оптимизируйте все изображения
Чем меньше «весит» картинка, тем быстрее она загружается. «Сожмите» изображения, используемые на страницах сайта. Вручную это делается в любом графическом редакторе, включая стандартные приложения Windows. Существуют и онлайн-сервисы для уменьшения размеров картинки. К примеру, TinyPNG.
Функциональность Тильды включает опцию адаптивной загрузки изображений, позволяющей масштабировать картинки в зависимости от размера экрана пользователя. Это тоже сказывается на скорости загрузки ресурса, поэтому убедитесь, что функция включена в настройках.
Активируйте Lazy Load
Lazy Load – специальная настройка в Tilda, позволяющая загружать картинки при открытии страницы не все сразу, а по мере просмотра и прокручивания скролла. Тем самым тяжелый контент будет «подтягиваться» с серверов постепенно, по мере просмотра содержимого сайта.
По умолчанию Lazy Load включен у всех пользователей. Активировать опцию можно в настройках сервиса. Дополнительно она отключается в меню Zero Block.
Используйте популярные системные шрифты
Некоторые начинающие веб-дизайнеры стараются выделиться и снабдить свой проект уникальными шрифтами. Подобный шаг ведет к снижению скорости загрузки каждой страницы на 200-400 килобайт, что очень существенно. Системные шрифты имеются на каждом компьютере и мобильном устройстве. Поэтому посетителю сайта их не приходится «подтягивать» с серверов, в отличие от уникальных. Если скорость загрузки для вас приоритетнее оригинального визуала, от редких шрифтов все же лучше отказаться.
Если оригинальность и фирменный стиль важны, то задействуйте мгновенную отрисовку контента. По умолчанию данная опция отключена, поэтому ее необходимо вручную активировать в меню Тильды («Настройки сайта», подменю «Шрифты и цвета», а затем пункт «Продвинутые настройки»).
Отключение внешних скриптов и кодов
При использовании счетчиков, чатов и других надстроек, размещенных на сторонних серверах, скорость загрузки ресурса снижается. Минимизируйте задействование внешнего кода и скриптов. В Tilda за их использование отвечает блок Т123. Если подобные опции не нужны, его необходимо отключить.
Бывают случаи, когда без стороннего кода не обойтись. Тогда рекомендуется активировать отложенную загрузку и инициализацию скриптов на несколько секунд. Такой шаг «включит» внешние модули после подтягивания основного контента. Тогда страница отобразится гораздо быстрее.
Активация отложенной инициализации счетчиков
Важная и полезная функция, существенно сокращающая время загрузки страницы. С ее помощью обращение к файлам Google Analytics и Яндекс.Метрики происходит не сразу, а через 2-3 секунды. Такой гандикап по времени позволяет прорисовать основной контент. А уже после этого начинается загрузка скрипта счетчиков, анализ и выполнение их кода.
По умолчанию данная опция включена. Активировать ее можно в меню «Настройки сайта» в пункте «Аналитика».
Отключение вебвизора
Неопытные веб-мастеры зачастую используют различные опции, даже не разбираясь в их назначении. Многие любят активировать вебвизор, создающий тепловую карту сайта, и наблюдают за активностью посетителей ресурса. Из-за этого обмен данными между серверами и гостем сайта существенно увеличивается. Происходит банальное «забивание» интернет-траффика, из-за чего снижается скорость загрузки.
Вебвизор – полезный и важный инструмент. Но держать его включенным постоянно вовсе необязательно. При необходимости опция активируется в настройках, в меню «Аналитика».
Сокращение длины страницы
Простой и эффективный способ ускорения процесса загрузки ресурса. Чем меньше данных содержится на странице, тем проще ее подкачать с сервера. Изучите информацию, размещенную на страницах ресурса. Если есть текст, картинки и прочие данные, несущие минимальное количество смысловой нагрузки, от них лучше избавиться. Это положительно скажется на работе сайта.
Разделите информацию на больших страницах. Если их размер превышает двадцать экранов, то контент лучше разбить на части. Каждая из страниц размером в семь экранов будет грузиться гораздо быстрее, чем одна огромная «простыня». По статистике гости ресурса открывают несколько интересующих веб-страниц, а не одну.
Им не нравится выискивать полезную информацию среди тысяч знаков текста, прокручивая десятки экранов вниз. Поэтому лучше добавить новые разделы, что положительно скажется на посещаемости.
Ограничение количества картинок в верхней части страниц
Ряд начинающих «сайтостроителей» совершают одну и ту же ошибку. Они стараются разместить сразу несколько изображений в самой верхней части страницы. К примеру, используют огромную фотографию в качестве обложки, а затем уже в следующем блоке задействуют от трех до пяти картинок поменьше. Из-за этого браузер посетителя ресурса начинает качать сразу несколько картинок, что резко снижает скорость загрузки всей страницы. Чтобы избежать забивания трафика, лучше ограничиться одним или двумя изображениями.
Размещение проекта на серверах Тильды
Иногда неопытные веб-мастеры переносят сайты на отдельные площадки или даже собственные мощности. Делать этого не стоит по ряду причин. Ключевые из них:
- специалисты Тильды задействуют качественную и хорошо выстроенную внутреннюю инфраструктуру. Она постоянно развивается и совершенствуется. Размещенные на ее серверах сайты защищены от DDoS-атак и другого нежелательного внешнего воздействия;
- если держать проекты на мощностях Tilda, можно забыть о массе технических надстроек, включая ускорение доставки картинок при помощи CDN. При размещении веб-сайтов на «чужих» серверах создатель ресурса устраняет возникающие недостатки самостоятельно.
Сотрудники Тильды не влияют на действия сисадминов сторонних хостингов. Иногда отсутствие доступа к серверам приводит к сбоям в работе веб-ресурсов. Не переносите проекты с мощностей компании Tilda, если не уверены в качестве нового хостинга.
Что в итоге?
Написанные на Tilda веб-сайты работают быстро. Но с подключением дополнительных опций и использовании неоптимизированного кода они начинают «тормозить». Теперь вы знаете, почему сайт на Тильде долго грузится, и как устранить эту проблему. Достаточно просто следовать советам, описанным выше. Тогда ваши сайты будут работать безупречно, и радовать посетителей быстрой загрузкой.