if(куча скриптов) use(webpack);
else use(gulp);

Для обычной верстки нет ничего лучше, чем старый добрый gulp. Как минимум из-за обилия вылизанных временем плагинов.

Как представитель людей, выковыривающих каждый лишний килобайт из билда, могу посоветовать
postcss-normalize и postcss-autoreset
В комбинации с postcss-uncss результат шикарен, особенно если используете всякие css-фреймворки. Первые два помогают забыть о глобальных селекторах вида *{box-sizing: border-box} и сбросе стилей под конкретные браузеры, последний вырезает из билда все неиспользуемые стили.

Препроцессоры можно практически сразу(советую scss), фреймворки типа бутстрапа не нужны от слова совсем, если только ваша цель не говнокод. Можно подсмотреть как в них реализована та или иная вещь и реализовать самому, но не более. И то проще на codepen заглянуть.
Учите JS. Особенно работу с DOM.
А вообще рекомендую пройти бесплатный вводный курс на codecamp

uBlock => пипетка => клик на раздражающем баннере => в попапе блокировщика выбрать самый нижний элемент, который не влияет на страницу(список селекторов там идет деревом, от элемента на котором кликнули до главного элемента страницы). И больше вы этот элемент не увидите(кроме некоторых хитровыдуманных рекламных баннеров, там другая стратегия нужна),
Если что-то не так кликнули и убрали что не нужно:
uBlock => настройки => мои правила. Очистить список, сохранить.