Оптимизация текста для повышения производительности сайта
3 мин.
Вы можете оптимизировать текст на сайте, чтобы посетителей было удобнее им пользоваться. Типы шрифтов, эффекты и форматирование могут влиять на производительность вашего сайта, поэтому мы рекомендуем следовать нашим рекомендациям, чтобы отображать важную информацию без ущерба для функционала.
Совет:
Разместив содержательный текст в верхней части страницы, вы также гарантируете, что у посетителей будет контент для чтения, пока загружается остальная часть сайта.
Различные типы шрифтов
Есть несколько типов шрифтов, которые вы можете использовать на своем сайте. В зависимости от типа и требований к загрузке они различаются в плане влияния на скорость загрузки и производительность вашего сайта. Есть три типа шрифтов:
- Системные шрифты: это распространенные шрифты, которые, скорее всего, уже есть в системах ваших устройств и устройств посетителей вашего сайта. Поскольку системные шрифты обычно включены в большинство систем, их не нужно загружать, чтобы они отображались на устройствах посетителей. Это значит, что они не влияют на производительность вашего сайта.
- Пользовательские шрифты: пользовательские шрифты — это сторонние шрифты, которые вы можете получить от третьей стороны для использования на своем сайте Wix. Эти шрифты — отличный способ сделать ваш сайт более привлекательным. Однако для отображения в браузере посетителя вашего сайта требуются загрузка шрифтов с сервера. Следовательно, эти шрифты могут повлиять на производительность вашего сайта.
- Шрифты от Wix: когда вы создаете и редактируете свой сайт с помощью Wix, вы можете заметить, что мы предлагаем различные варианты шрифтов. Некоторые из них являются системными, другие представляют собой пользовательские шрифты и, соответственно, влияют на скорость загрузки вашего сайта.
Подведем итоги:
- Системные шрифты в конечном итоге загружаются быстрее, чем пользовательские, поскольку они уже есть в системе. Это экономит пропускную способность канала за счет уменьшения количества запросов, необходимых для загрузки вашего сайта.
- Поскольку системные шрифты в меньшей степени влияют на скорость загрузки сайта, мы рекомендуем использовать их вместо пользовательских шрифтов везде, где это возможно.
Количество шрифтов
При использовании шрифтов на сайте важно помнить, что наличие нескольких разных шрифтов и типов шрифтов может повлиять на время загрузки и общую производительность.
Хотя системные шрифты не требуют загрузки, пользовательские шрифты необходимо загрузить с сервера, чтобы они отображались на странице. У разных пользовательских шрифтов также может быть разная скорость загрузки, что в дальнейшем может повлиять на время загрузки вашего сайта.
Мы рекомендуем не использовать более 3 шрифтов (как системных, так и пользовательских) на странице, чтобы обеспечить бесперебойную работу сайта. Согласованность шрифтов (и цветов) также помогает укрепить ваш бренд и сохранить единство стиля вашего сайта.
Форматирование и анимация шрифтов
Различные "веса" шрифтов, например, полужирный, подчеркнутый или курсив, также могут повлиять на время загрузки вашего сайта. Постарайтесь, чтобы количество шрифтов и их типов на странице было не более трех. Используйте их для конкретных целей (например, для выделения части текста на странице).
В свою очередь, анимированный текст может повлиять на читаемость текста и поисковую оптимизацию. Это связано с тем, что анимированный текст не может быть прочитан поисковыми системами. Мы рекомендуем использовать обычный текст для значимого контента на сайте и избегать чрезмерного использования анимации в верхней части страницы.
Изображения текста
По возможности избегайте изображений, содержащих текст. Во время загрузки текст изображения может выглядеть нечетким, а поисковые системы не могут его перевести или просканировать. По возможности используйте стандартный текст, чтобы поддерживать достаточную производительность сайта и обеспечивать эффективность SEO.
Совет:
В качестве альтернативы мы рекомендуем добавить альтернативный текст к изображениям. Это позволяет поисковым системам и программам чтения с экрана «читать» описание изображения.
Шрифты по умолчанию в редакторе Studio
Примечание
Эта функция доступна только в редакторе Studio.
Если вы используете тяжелые пользовательские шрифты в редакторе Studio, вы можете включить шрифты по умолчанию. Шрифты по умолчанию загружаются быстрее и временно отображаются на опубликованном сайте, пока пользовательские шрифты загружаются в фоновом режиме.
Шрифты по умолчанию могут оптимизировать производительность страницы, уменьшая показатель LCP (Largest Contentful Paint), что может улучшить базовый рейтинг сайта и рейтинг результатов поиска Google. Кроме того, более быстрая загрузка текстового контента делает просмотр сайта удобнее для посетителей. Подробнее о кключении шрифтов по умолчанию
Полезно знать:
- Шрифты по умолчанию сокращают время загрузки, если самым крупным элементом в верхней части страницы является текстовый элемент.
- Когда вы включаете шрифты по умолчанию, он добавляет к дескриптору CSS значение «swap». Этот дескриптор определяет, как отображается шрифт, в зависимости от того, когда он загружен и готов к использованию.