Анатолий

От себя добавлю, что второй файл не создается. Сейчас стоит прописывать ему filename

new HTMLWebpackPlugin({
      filename: 'index.html',
      template: './index.html'
    }),
new HTMLWebpackPlugin({
      filename: 'second.html',
      template: './second.html'
    })

Вы знаете где лежит и как выглядит код, который выполняет анимацию?
И как найти элемент в Html?

Посмотрите это видео: https://www.youtube.com/watch?v=DYewDyixMH8&index=...
регулярные выражения станут для вас проще простого. Там же будет показан сайт, на котором собраны шаблоны регулярных выражений

Так может Вы исходный код дадите чтобы было что обсуждать и что править?

Вот простое видео по localStorage: https://www.youtube.com/watch?v=Me6JVe7V5AI&index=...

Рано или поздно каждый разработчик должен сделать выбор:
1) codepen.io
2) jsfiddle.net
Ответов будет гораздо больше. А так я Ваш код вставил - у меня ни стрелок, ничего. Как результат, даже время тратить не хочется.

Есть видео, где много времени уделяется оптимизации: www.youtube.com/watch?v=ri2XWgIt59U&index=12&list=WL
В частности описывается Ваш принцип: Т.е. есть минимальный css, который загружается сразу в head и он содержит все основные селекторы для отображения контента. Все остальные файлы с css подгружаются в js, когда документ уже загружен (т.е. через событие onload)

Если же важен именно код подгрузки на Js, то twobomb выше описал вполне рабочий вариант

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

Т.к. если через mediaquery, то объект все равно загружается и ест ресурсы, а User-Agent не всегда работает корректно