Александр Таратин

В шрифте может отсутствовать bold (или например 500, 600 и т. д.) начертание и браузер попытается придумать его самостоятельно. В итоге получаем мыло.

https://www.httrack.com/
Только изучите настройки, там не все оптимально по дефолту.

Переходите на webpack в качестве системы сборки, там такое из коробки работает и в любом браузере.

https://www.npmjs.com/package/html-webpack-inline-...

function(x, y) {
     var field = game.field[x][y];
     field.mineAround = 0;
     for (var i = x - 1; i <= x + 1; i++) {
         for (var j = y - 1; j <= y + 1; j++) {
             if (i != x || j != y) {
                 try {
                     field.mineAround += game.field[i][j].isMine;
                 } catch (e) {}
             }
         }
     }
 }

Но не воспринимайте ответ серьезно

Десктоп приложение на https://electronjs.org/ (сможете использовать привычные web технологии) + https://pouchdb.com/ для хранения данных.
На сервере couchdb.apache.org для прозрачной синхронизации при появлении сети.

https://pouchdb.com/
dev.yathit.com/ydn-db/index.html
https://github.com/localForage/localForage

Перекодируйте гифки в mp4
Заодно на размере выиграете.

Простейший способ без редактирования сервера
https://developer.mozilla.org/ru/docs/Web/HTML/Ele...
Аттрибут download
Поддержка браузерами https://caniuse.com/#feat=download

https://www.npmjs.com/package/webpack-px-to-rem
https://www.npmjs.com/package/px-rem
webpack postcss + https://github.com/cuth/postcss-pxtorem
Вообще куча вариантов просто в гугле вбить
webpack px to rem

В svg нарисуйте и растяните на всю ширину.
Сам svg вставляйте в html напрямую а не через img.
Будет наиболее кроссбраузерно.

Если цен не больше пары десятков, то проще взять легковесную cms в стиле https://github.com/Elias-Black/Landing-CMS
либо просто обойтись конфигурационным файлом в csv формате

Включите Last-Modified и ETag заголовки
https://webo.in/articles/habrahabr/15-yahoo-best-p...

Пример почему одного Last-Modified не достаточно
https://habrahabr.ru/post/77004/

Ваша задача не решаема. Гиг никак не ужать, в какой-нибудь адекватный размер

какой формат

Для веба применим только один формат, чтобы было максимально кроссбраузерно mp4 (h264-видео + aac-аудио)
Уменьшайте разрешение и битрейт по максимуму, пока пиксели в глаза не полезут.
+ см Как оптимизировать видео, вставляемое в качестве фона?