Есть ли проблемы с производительностью при использовании веб-шрифтов Google для веб-сайтов только для мобильных устройств?

Question

Я хочу использовать веб-шрифты css3 & google для навигации (вместо графики по соображениям производительности).

Кто-нибудь имеет опыт работы с этим?Есть ли недостатки / ограничения в использовании Google Web Fonts для мобильного клиента?Спасибо.

Answer 1

А как насчет производительности?Будут ли веб-шрифты замедлять мою страницу?

Если на странице используются веб-шрифты, файлы шрифтов должны быть загружены на компьютер посетителя сайта, прежде чем они будут отображаться изначально.Файлы шрифтов подаются сжатыми для более быстрой загрузки.После этой начальной загрузки они будут кэшироваться в браузере.Поскольку API веб-шрифтов Google становится широко используемым, ваши посетители, скорее всего, уже будут иметь шрифт, который вы используете в своем кэше браузера, когда они посещают вашу страницу.

В целом, однако, вам следует следитьна размер файлов шрифтов, которые вы обслуживаете.Также имейте в виду, что использование веб-шрифтов может привести к тому, что браузер отправляет больше HTTP-запросов, чем было бы необходимо в противном случае.

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

Цитируется https://developers.google.com/webfonts/faq#Performance

Answer 2

В качестве личного опыта не используйте веб-шрифт в тексте основного содержимого.

Я использовал веб-шрифт очень маленького размера (292 байта), размещенный в Google CDN.Шрифт применяется на уровне основного текста ко всему тексту.

Когда я на самом деле использую мобильный телефон для просмотра страницы, я вижу стилизованную страницу без текста, а затем приходится ждать еще секунду, прежде чемтекст появляется.Это может привести к ощутимой медлительности.

Суть в том, чтобы: протестировать и почувствовать приложение, используя реальный телефон.Вероятно, лучше не применять веб-шрифт к основному контенту.