Низкая частота кадров с параллаксом CSS:

Question

	.bgimg-1 {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url('https://sftextures.com/texture/6519/0/6520/black-dots-dark-HD-background-metal-material-holes-corner-sided-light-shades-seamless-texture-256x256.jpg');
  min-height: 100%;
}

.bgimg-1 ul li {
	color:white;
}

<section class="bgimg-1" >
<ul>
<li> Some text </li>
<li> Some text </li>
<li> Some text </li>
</ul>

Я реализовал очень простой чистый эффект параллакса CSS. Это выглядит так, как я хочу, но единственная проблема заключается в том, что частота кадров (кроссплатформенность) падает при его использовании. Когда браузер прокручивает мимо частоты кадров, эффект параллакса возвращается к нормальному.

В Интернете есть множество статей о том, как увеличить частоту кадров параллакса, но почти все они относятся к реализациям javascript или, если используется только CSS, в отношении свойства перехода.

Что я могу сделать для увеличения производительности браузера при просмотре веб-страницы?