Инлайновые стили и скрипты замедляют наши сайты. Не намного - но всё же. Минус инлайновых скриптов и стилей в странице - то что они не кешируются. И каждый раз в теле страницы передаются.
Если невозможно от них отказаться - то давайте чуток уменьшим их объем. А еще уменьшим объем и подключаемых скриптов и стилей.

Это "Веб разгон" и мы сейчас добавим чуток "азота" в наш процессор

Хоть и тенденция к палатам психиатрических больниц всё чаще встречается в вебе (новый "дизайн" старейшего ресурса по WordPress - WP-Tavern) - некоторые пользователи не хотят терять индивидуальности и держат на своём сайте фоновое изображение сайта.
Но этот background, они, с лёгкой руки, загружают и для мобильных устройств (размеры от 1920px и весом 50-800 килобайт).

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

Это будет не 100% готовое решение, а направление - в котором вы можете посмотреть.

Предыстория:

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

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

Итак: плагин WP-Recall - гибкая система, которая расширяется за счет сторонних дополнений. И эти дополнения могут использовать иконки FontAwesome v4.7 (с версии WP-Recall 16.16 был форк иконок и они получили название Rcl awesome). Т.к. автор плагина не знает какие стороннему разработчику понадобятся иконки (да и обычному пользователю - в админ части можно указать иконки, например в менеджере вкладок) - поэтому в этом наборе присутствуют все 675 иконок.

В этой записи я расскажу вам о своём опыте по кастомизации и подключению шрифта на свой веб сайт.

Ускорим наш шрифт Roboto.

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