Загрузка страницы состоит из 3 ключевых этапов: На втором этапе формируется каркас страницы и внешний вид интерфейса. Страница становится доступной для взаимодействия, то есть интерактивной. Всё, за исключением тяжеловесных медиафайлов и сторонних виджетов, уже отображается в своём окончательном виде. Именно по завершении второго этапа пользователь приступает к изучению содержимого. Чем раньше этот этап завершится, тем лучше. Шрифты в сжатом виде в формате woff2 могут занимать от 10% до 25% размера всех файлов страницы, загружаемых на первых двух этапах...

Красивая типографика придаёт сайту индивидуальность и привлекательность — хорошо оформленный текст люди читают охотнее и быстрее. Но красота не должна мешать функциональности. Разбираемся, на что нужно обратить внимание и как избежать замедления сайта при загрузке сторонних шрифтов. Представьте: пользователь заходит на сайт, а вместо текста видит пустые блоки. Это происходит, когда браузер ждет загрузки шрифтов перед отображением контента. Вот основные проблемы, которые создают сторонние шрифты:...