Как управлять тяжелыми графическими ресурсами на простом веб-сайте html css js, превращая его в более быстрый сайт или п ⇐ Html

[Гость]

У меня есть сайт, работающий в цифровом океане: https://studiosnow-gjxrv.ondigitalocean.app/ и код github: https://github.com/Omkarc284/SNsite1 Он работает лучше в разработке, но в производстве проблематично! Как вы можете видеть, у меня тяжелые изображения, но мой клиент не может пойти на компромисс в отношении качества, и мы использовали метачеловеческие рендеры, поэтому использовать 3D также сложно, поэтому здесь я использую последовательность изображений... Я не профессионал в пользовательском интерфейсе, но есть ли там в любом случае я могу оптимизировать производительность или сайт?

Я пытался добавить экран загрузки, но это всего лишь гифка, которая работает 10 секунд, а затем непрозрачность становится равной 0... Я хочу, чтобы он загружался правильно, и если не быстро, то хотя бы правильный механизм времени ожидания, чтобы пользователь мог дать пользователю сайт приятный