Скорость загрузки и производительность сайта
10 мин.
Повышение производительности - важная часть процессов создания и работы над сайтом. Рекомендации в этой статье могут помочь усовершенствовать взаимодействие с посетителями сайта, улучшив такие аспекты, как отзывчивость, плавность и время загрузки.
О скорости загрузки
Время загрузки сайта измеряет, насколько быстро ваш сайт полностью загружается после того, как посетитель запрашивает доступ, либо нажимая на ссылку, либо вводя URL-адрес страницы. Многие факторы могут повлиять на время загрузки страницы. Некоторые из них зависят от конкретного сайта, а другие связаны с устройством вашего посетителя и подключением к интернету.
Оптимизированные и настроенные сайты загружаются быстрее, чем сайты с большим количеством контента. Оптимизация сайта может обеспечить улучшенное время загрузки, а также лучшие баллы по инструментам производительности, таким как Google PageSpeed Insights.
Как Wix измеряет время загрузки
Wix отслеживает и собирает данные по нескольким показателям. К ним относятся Core Web Vitals от Google и дополнительные показатели, такие как FCP, TTFB и TTI. Вы можете просмотреть показатели скорость вашего сайта в панели управления.
Wix автоматически собирает эти данные о производительности в режиме реального времени, чтобы отслеживать и улучшать скорость вашего сайта. Мы рекомендуем следовать приведенным ниже рекомендациям, чтобы ускорить загрузку сайта.
Порядок загрузки элементов
При создании или обновлении сайта мы рекомендуем учитывать порядок загрузки элементов, поскольку они могут повлиять на производительность вашего сайта.
Например, интерактивные элементы, или те что содержат много контента (н-р, видео и сторонние приложения), как правило, загружаются медленнее, чем статические или более легкие элементы, такие как текст и кнопки.
Оптимизация элементов на сайте
Оптимизируйте главную страницу и такие элементы, как текст, анимацию и изображения, для повышения производительности сайта. Выберайте варианты ниже, чтобы получить дополнительную информацию:
Дизайн главной страницы
Изображения
Видео
Сторонние приложения и iFrames
Шрифты
Спецэффекты
Промобоксы
Порядок DOM
Используете данные на сайте?
Оптимизация контента мобильного сайта
В целом, мобильные устройства не такие мощные и быстрые, как компьютеры, и обычно имеют более медленное подключение к интернету. Поэтому при просмотре на мобильном устройстве сайт может загружаться дольше.
Если ваш мобильный сайт загружается медленно, мы рекомендуем следовать приведенным ниже рекомендациям, чтобы оптимизировать его работу.
Нажмите на соответствующий пункт ниже, чтобы узнать, как его настроить:
Используйте мобильный редактор
Скрыть ненужные элементы
Кадрирование или изменение размера изображений
Уменьшить количество элементов в галереях и репитерах
Добавьте экран приветствия
Используйте поддерживаемую систему и браузер
Помните:
Планшеты, такие как iPad и планшеты с Android, отображают компьютерную версию сайта. Ознакомьтесь с нашей статьей по устранению неполадок, если у вас возникли проблемы с планшетами.
Сторонний код
Сторонние коды могут предоставить важную информацию и инструменты для вашего сайта. Однако они могут повлиять на время загрузки и производительность вашего сайта.
Мы рекомендуем добавлять сторонний код только при необходимости и использовать маркетинговые интеграции Wix для аналитических и рекламных инструментов.
Часто задаваемые вопросы
Нажимайте на вопросы ниже, чтобы получить дополнительную информацию.
Почему параметр Скорость отрисовки контента (LCP) моего сайта такой низкий и как его улучшить?
Как сократить общее время блокировки сайта?
Что делать, если мой сайт работает медленно, несмотря на соблюдение советов по оптимизации?
Могу ли я оптимизировать изображения на сайте?
Как улучшить скорость загрузки мобильного сайта?
Почему мои фото на мобильных устройствах отображаются размытыми?
Может ли анимация замедлить работу сайта? Как их оптимизировать?
Что такое отложенная загрузка и как она влияет на сайт?
Могу ли я использовать динамические страницы для улучшения производительности сайта?







из верхней панели инструментов.

.

в левой части мобильного редактора.