BoriHagen, ну во-первых у вас надеюсь подключен gzip или аналоги на сервере? Ваши 11К вполне могут превратиться в 2К. Во-вторых есть такой инструмент https://refresh-sf.com/ . И наконец в третих, вы грузите html и критический css одним файлом, это гораздо лучше чем выделять критический css в отдельный файл, т.к. нет задержки на подключение с серверу и не занимается лишний HTTP-поток.
WebforSelf, на данном этапе готовности вашей верстки решение предложенное мной в виде кода гарантировано слетит. а поправить вы не сможете, т.к. уж простите задаете детские вопросы. Попробуйте лучше сами, так вы будете понимать, что подкрутить, если что-то пойдет не так.
Общий принцип такой: берете элемент в котором у вас цифра, даете ему position: relative. Далее к нему либо отдельным элементом, либо псевдоэлементом приклеиваете блок с предложенными мной стилями и position: absolute. По размеры блока должны равняться разнице между позициями соединяемых линиями цифр. Но не забываейте, что в мобильной версии или при разном количестве текста этот размер может меняться. Тогда используйте медиа-выражения или считайте на js.
Kovalsky, ну не разработчик я, уж извините. я только сегодня node.js увидел, и то только потому что стали рекомендовать инструменты, которые без ноды не работают. Опять же тот же critical молча установился и запускается. Поэтому я решил, что с cave что-то не так.
