У меня есть html-структура:
<body>
<main>
<header>...</header>
<section class="info">...</section>
<section>...</section>
<section>...</section>
<section class="info">...</section>
...
<footer>...</footer>
</main>
</body>
также у меня есть стили (bg-image: первый URL-адрес является слоем для bg, а второй - анимированным svg):
...
main {
min-height: 100%;
background-image: url('... .png'), url('... .svg');
background-size: auto, cover;
background-attachment: fixed;
}
section {
background: #ffffff;
}
.info {
background: none;
}
...
работает, но компьютер начинает загружать оперативную память и, как следствие, прогреваться и зависать.
Как я могу оптимизировать этот SVG для правильной работы?