使用 CSS 开启 GPU 加速可以提高网页渲染性能，从而让网页更加流畅和快速响应用户交互。在现代浏览器中，GPU 加速是默认开启的，但您也可以使用 CSS 规则来启用或禁用它。
要使用 CSS 启用GPU加速，请确保以下 CSS 属性已正确设置：
使用 transform 属性 或 translate3d() 函数来创建3D变换。
使用 opacity 属性 创建 可动画 效果。
如果需要为元素创建动画，请运用CSS属性 animation、transition 或者will-change（注意不要乱用这个属性导致系统资源占用过多）。
避免使用会触发回流的属性，如 offsetTop 或 offsetWidth 等。
使用 CSS 3D transform 属性时，避免使用未定义的值（比如使用 NaN 或 Infinity 的计算结果）。
以上几项高亮的关键词是 transform, opacity, animation, transition, will-change 以及 3D transform。 除此之外还有一些其他的实践方法可以优化网页性能，例如图像压缩、lazy loading延迟加载、代码优化等等。