Думай Головой

такова природа, у кого-то h2 маленький, у кого то h2 побольше

Lato

Обновите node.js до свежей версии

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

Суть в том, что нужно использовать svg (для масок) и как писали выше - javascript код для определения загрузились картинки или нет.

то, что текст переносится это нормально

Надо чтобы все значения из инпутов суммировались

смотря кому надо.
если лично вам - подучите js или наймите кого-то.

если кому-то другому - наймите кого-то

Натягивать так, чтобы самому не стать натянутым. Поясню:
данный вид работ несёт большие риски, что ты не найдёшь необходимый модуль для CMS в готовом варианте, предусмотренный в вёрстке (в ТЗ сайта) и попадёшь в рабство к заказчику или солььёшся и потеряешь репутацию, т.к. нужно будет писать свой модуль.

Для написания модулей, как и для натяжки шаблонов нужно знать php, желательно в ООП/MVC варианте

Дополню ответы других: все эти картинки на смартфонах выстраиваются вертикально, вот и вся адаптивность

Натяжка на движок CMS - это жопа.

Я серьёзно. Так как одно дело натянуть обычную страницу с текстом картинками, а другое дело продумать категории материалов, присобачить регистрацию, поставить кучу модулей, возможно что-то придётся писать самому из модулей если не найдёшь готовых решений.
А ещё бесплатные cms это вирусы, взломы и прочие радости жизни, так что нужно ещё про это думать когда ставишь готовые модули, так как их никто не проверяет на безопасность

обычный border + before и after которые перекрывают его снизу и сверху

Картинки успешно разделяются через backround image и media queries - лишние не грузятся.

А вот с тегом img посложнее - нужно специальное решение на php использовать вроде responsive images.
Или самому на js закодить - в зависимости от вьюпорта подгружать в img src ту или иную картинку

Говно проще переписывать с нуля. Идеальный код с которым можно работать попадается крайне редко. Такой вот лайвхак

кэш? - не, не слышал

Смотря что ты хочешь от жизни:
1) Если работать в серьёзных компаниях, таких как it отделы российских банков или в крупных западных компаниях - oracle, microsoft и тому подобное - вуз нужен. Если погуглить, то можно найти информацию о том, что в такие конторы без вышки берут только гениальных людей, коих доли процентов от населения.

2) Если просто на хлеб зарабатывать - то вуз не нужен, можно самому всему обучиться. Я например вебом овладел за пол года (в это время учился и делал бесплатные проекты) и сейчас зарабатываю не плохие деньги без всяких вузов. Кстати без вышки также можно устроиться в какую-нибудь фирму. Как то раз мне подвернулась возможность работать в крупной консалтинговой компании в отделе веб разработки, но я свалил от туда на следующий день, т.к. офис это не моё (ненавижу тупить в офисе, сидеть не за своим компом, работать на дядю, дурацких коллег, да и на фрилансе я больше поднимаю бабок). И конечно же уровень отдела web разработки в консалтинговой компании куда меня брали без вышки и уровень it отдела банка это две большие разницы.

Похожая боль Адаптивная вёрстка — как побороть боль? Бесит адаптивка, и за неё надо брать много или лучше не браться