Какие-либо проблемы с производительностью при использовании веб-шрифтов Google для веб-сайтов только для мобильных устройств?
Я хочу использовать веб-шрифты css3 & google для навигации (вместо графики по соображениям производительности).
У кого-нибудь есть опыт с этим? Есть ли недостатки / ограничения в использовании Google Web Fonts для мобильного клиента? Спасибо.
2 ответа
Как насчет производительности? Будут ли веб-шрифты замедлять мою страницу?
Если на странице используются веб-шрифты, файлы шрифтов должны быть загружены на компьютер посетителя сайта, прежде чем они будут отображаться на начальном этапе. Файлы шрифтов подаются сжатыми для более быстрой загрузки. После этой начальной загрузки они будут кэшироваться в браузере. По мере того, как API веб-шрифтов Google будет широко использоваться, ваши посетители, вероятно, уже будут иметь шрифт, который вы используете в своем кэше браузера, когда они посещают вашу страницу.
В целом, однако, вы должны следить за размером файлов шрифтов, которые вы обслуживаете. Также имейте в виду, что использование веб-шрифтов может привести к тому, что браузер сделает больше HTTP-запросов, чем было бы необходимо в противном случае.
По сравнению с использованием изображений для отображения большого количества текста на странице веб-шрифты, вероятно, повысят производительность (и удобство обслуживания, а также доступность) вашей страницы. Однако в других ситуациях они могут увеличить общий вес вашей страницы.
Цитируется с https://developers.google.com/webfonts/faq
В качестве личного опыта не используйте веб-шрифт в основном тексте контента.
Я использовал веб-шрифт очень маленького размера (292 байта), размещенный в Google CDN. Шрифт применяется на уровне тела ко всему тексту.
Когда я на самом деле использую мобильный телефон для просмотра страницы, я вижу стилизованную страницу без текста, а затем приходится ждать еще одну секунду, прежде чем текст появится. Это может привести к ощущаемой медлительности.
Суть в том, чтобы: протестировать и почувствовать приложение, используя реальный телефон. Вероятно, лучше не применять веб-шрифт к основному контенту.