我的网站高度约为5000像素（即相对较大）。为了完全定位，我已经创建了以下设置：
absolute div --> relative div --> multiple absolutely positioned images
我想知道处理目的是否昂贵，我的绝对定位的div和相对div在这么大的页面上都是100％高度？
我这样做的原因是因为我正在使用translateY（使用GPU）转换父div。但translateY转换元素相对于它们的高度。如果我对图像执行此操作，则很难以相同的速度移动多个元素，因为它们的高度不同。即我需要translateY(200%)获得一张高度与另一张图像相同的图像。
然而，移动父绝对div更容易。
但我担心的是，它是如此庞大的div是非常昂贵的。有更多知识的人可以让我知道如果有这么大的绝对位置div和相对div这是不好的吗？注意我的网站上有很多图片......
答案 0 :(得分：1)
如果它们是parsed from HTML or dynamically generated with JavaScript.，它通常会落到后者（JS）与前者（HTML）相比非常快。
如果您正在使用的图像经过适当压缩以便在网络上使用，我会更加担心，您会惊讶地发现有多少人认为改变尺寸就足够了。这个答案需要考虑很多变量，你必须考虑每个div的内容，CSS的使用，每个div中使用的图像数量，你正在使用的浏览器等。
您也可以在使用div时调用div，而不仅仅是因为页面加载而加载它们。这需要使用JS。如果您担心性能问题，我可以立即告诉您，担心图像以及如何加载图像。
答案 1 :(得分：0)
这取决于您如何渲染布局。
因为你没有任何DEMO，所以我只能猜测并为你提供一些知识。
check this（在时间轴中，启用Show paint rectangles以确定性能问题）
will-change: transform。它可以帮助您加快渲染速度，就像使用transform3d而不是transform2d 我告诉你常见的性能问题。 您可以自己找出剩余的
，或者你可以给我们更多的DEMO。 ：）