我有一个网站的高度约为5000像素(即相对较大(。为了将东西完全放在上面，我创建了以下设置：
absolute div --> relative div --> multiple absolutely positioned images
我想知道，在这么大的页面上，我的绝对定位div和相对div的高度都是100%，这是否会导致处理成本高昂？
我这样做的原因是因为我正在用translateY(它使用GPU(转换父div。然而，translateY相对于元素的高度平移元素。如果我在图像上这样做，就很难以相同的速度移动多个元素，因为它们的高度不同。也就是说，对于一个高度是另一个图像的一半的图像，我需要translateY(200%)。
然而，移动父级绝对div要容易得多。
但我担心的是，它的成本相当高，因为它是一个如此大的div。有更多知识的人能告诉我，拥有如此大的绝对位置div和相对div是否不好吗？注意，我的网站上有很多图片。。。
这通常取决于它们是从HTML解析的还是用JavaScript动态生成的。后者(JS(与前者(HTML(相比速度非常快。
我更担心的是，如果你正在使用的图像被正确压缩以在网络上使用，你会惊讶于有多少人认为改变大小就足够了。这个答案有很多变量需要考虑，你必须考虑每个div的内容、CSS的使用、每个div中使用的图像数量、你使用的浏览器等
您也可以在使用div时调用它们，而不仅仅是因为页面加载而加载它们。这将需要使用JS。如果你担心性能，我可以马上告诉你，担心图像和你如何加载这些图像。
这取决于如何渲染布局。
因为你没有任何DEMO，所以我只能猜测并提供一些知识给你。
- 您可以使用chrome开发工具来找出性能问题
检查此项(在时间轴中，启用Show paint rectangles以找出性能问题(
- 如果您想在同一层中使用多个转换，我认为您可以尝试css属性
will-change: transform。它将帮助您加快渲染速度，就像使用transform3d而不是transform2d一样
更多关于将改变
我给你一个常见的性能问题。你可以自己找出剩下的
，或者您可以给我们更多的演示。：(