Как мы собирали новый сайт: сетка, шрифты и 262 выпуска в одном реестре

Этот пост — технический и немного занудный: рассказываем, что происходило под капотом,
пока вы слушали выпуски. Если коротко: мы перебрали вёрстку, типографику и структуру, а заодно нашли пару скелетов
в шкафу.

С чего начали

Сперва измерили то, что было. Оказалось, длина строки на широком экране доходила до 89 знаков при норме 52–67 —
глаз на такой строке теряет начало следующей. Дальше пошли по списку:

• перевели меру строки в ch вместо пикселей;
• ввели шкалу отступов, кратную восьми;
• починили мобильный реестр — заголовки лежали поверх обложек;
• урезали шрифты по реальному инвентарю символов.

Немного цифр

Параметр	Было	Стало
Страница выпуска	1679 КБ	263 КБ
TTFB главной	573 мс	154 мс
Длина строки	89 знаков	62 знака

Хорошая типографика незаметна: её замечаешь, только когда её нет.
А ещё когда строка длиной в 89 знаков.

Что было самым неприятным

Подкаст-фид. При смене темы он опустел — старая тема подмешивала выпуски во все запросы, включая RSS.
Если бы это доехало до продакшена, из Apple Podcasts и Яндекс Музыки пропали бы все 262 выпуска.

add_action( 'pre_get_posts', function (  ) {
    if ( ->is_main_query() && ->is_feed() ) {
        ->set( 'post_type', array( 'post', 'videos' ) );
    }
} );

Проверка простая: открыть фид и посчитать элементы. Должно быть 266.

Что дальше

1. Транскрипты выпусков.
2. Медиакит для рекламодателей.
3. Регулярность — но это не к сайту.

---

Пост тестовый: проверяем, как шаблон блога держит длинный текст, таблицы, цитаты и код.