Привет
![✋](https://vk.com/images/emoji/270B.png)
🏻
Последние несколько месяцев мы плотно работаем над вопросом оптимизации системы с нашей стороны, чтобы ваши сайты могли быстрее загружаться и показывать высокие результаты в Google Page Speed и других системах оценки сайтов.
И сегодня хотим показать вам первое новводение — использование системного шрифта.
В чём его суть?
Когда вы ставите шрифт в редакторе, он каждый раз загружается вместе с сайтом. Это занимает драгоценное время и может влиять на результаты проверки. Благодаря системному шрифту загрузки с сервера не происходит, так как используется шрифт, который уже предустановлен в вашей операционной системе. На Windows это Segoe UI, на Android - Roboto, на Mac и iOS - San Francisco.
А если поподробнее?
Каждый шрифт, который вы добавляете на сайт, – это внешний ресурс, и он должен быть загружен так же как картинки или видео. Пока происходит загрузка шрифтов, не работает отрисовка и анализ структуры страницы. Эти параметры важны для сервисов оценки. Чем больше шрифтов вы добавляете, тем больше задержка перед отображением страницы, так как их все нужно скачать перед тем, как показать.
Использование системного шрифта решает эту проблему. Системными являются шрифты, которые уже есть на компьютере. Значит их не нужно скачивать по сети. На этом можно сэкономить много времени и значительно улучшить показатели Google Page Speed.
Но есть два нюанса:
1. Разные начертания
На разных устройствах и операционных системах установлены разные системные шрифты. Поэтому системный шрифт будет выглядеть по-разному в зависимости от устройства пользователя.
С другой стороны, посетитель будет видеть те же шрифты, которые он видит на своем устройстве. Это будет для него привычно
2. Отображение в свободной секции
Из-за того что шрифты разные на разных устройствах, может получиться так, что высота текстовых блоков будет различаться. Это нужно учитывать в свободных секциях, когда размеры блоков фиксированы.
Теперь вы знаете, как ускорить загрузку вашего сайта на mottor.
Если вы решили поставить системный шрифт, то перейдите в настройки текстового блока. (см. картинку)