Оптимизация текста для повышения производительности сайта

3 мин. чтения
Вы можете оптимизировать текст на сайте, чтобы посетителей было удобнее им пользоваться. Типы шрифтов, эффекты и форматирование могут влиять на производительность вашего сайта, поэтому мы рекомендуем следовать нашим рекомендациям, чтобы отображать важную информацию без ущерба для функционала.
Содержание:
Совет
Разместив содержательный текст в верхней части страницы, вы также гарантируете, что у посетителей будет контент для чтения, пока загружается остальная часть сайта.  

Различные типы шрифтов

Есть несколько типов шрифтов, которые вы можете использовать на своем сайте. В зависимости от типа и требований к загрузке они различаются в плане влияния на скорость загрузки и производительность вашего сайта. Есть три типа шрифтов:
  • Системные шрифты: это распространенные шрифты, которые, скорее всего, уже есть в системах ваших устройств и устройств посетителей вашего сайта. Поскольку системные шрифты обычно включены в большинство систем, их не нужно загружать, чтобы они отображались на устройствах посетителей. Это значит, что они не влияют на производительность вашего сайта.
  • Пользовательские шрифты: пользовательские шрифты — это сторонние шрифты, которые вы можете получить от третьей стороны для использования на своем сайте Wix. Эти шрифты — отличный способ сделать ваш сайт более привлекательным. Однако для отображения в браузере посетителя вашего сайта требуются загрузка шрифтов с сервера. Следовательно, эти шрифты могут повлиять на производительность вашего сайта.
  • Шрифты от Wix: когда вы создаете и редактируете свой сайт с помощью Wix, вы можете заметить, что мы предлагаем различные варианты шрифтов. Некоторые из них являются системными, другие представляют собой пользовательские шрифты и, соответственно, влияют на скорость загрузки вашего сайта.
Подведем итоги:
  • Системные шрифты в конечном итоге загружаются быстрее, чем пользовательские, поскольку они уже есть в системе. Это экономит пропускную способность канала за счет уменьшения количества запросов, необходимых для загрузки вашего сайта. 
  • Поскольку системные шрифты в меньшей степени влияют на скорость загрузки сайта, мы рекомендуем использовать их вместо пользовательских шрифтов везде, где это возможно.

Количество шрифтов

При использовании шрифтов на сайте важно помнить, что наличие нескольких разных шрифтов и типов шрифтов может повлиять на время загрузки и общую производительность. 
Хотя системные шрифты не требуют загрузки, пользовательские шрифты необходимо загрузить с сервера, чтобы они отображались на странице. У разных пользовательских шрифтов также может быть разная скорость загрузки, что в дальнейшем может повлиять на время загрузки вашего сайта.
Мы рекомендуем не использовать более 3 шрифтов (как системных, так и пользовательских) на странице, чтобы обеспечить бесперебойную работу сайта. Согласованность шрифтов (и цветов) также помогает укрепить ваш бренд и сохранить единство стиля вашего сайта.

Форматирование и анимация шрифтов

Различные "веса" шрифтов, например, полужирный, подчеркнутый или курсив, также могут повлиять на время загрузки вашего сайта. Постарайтесь, чтобы количество шрифтов и их типов на странице было не более трех. Используйте их для конкретных целей (например, для выделения части текста на странице).
В свою очередь, анимированный текст может повлиять на читаемость текста и поисковую оптимизацию. Это связано с тем, что анимированный текст не может быть прочитан поисковыми системами. Мы рекомендуем использовать обычный текст для значимого контента на сайте и избегать чрезмерного использования анимации в верхней части страницы. 

Изображения текста

По возможности избегайте изображений, содержащих текст. Во время загрузки текст изображения может выглядеть нечетким, а поисковые системы не могут его перевести или просканировать. По возможности используйте стандартный текст, чтобы поддерживать достаточную производительность сайта и обеспечивать эффективность SEO.
Совет
В качестве альтернативы мы рекомендуем добавить альтернативный текст к изображениям. Это позволяет поисковым системам и программам чтения с экрана «читать» описание изображения. 

Была ли статья полезна?

|