浏览器在使用img内部渲染5600 div的网格时速度很慢

作者: 甲基蓝
发布时间: 2024-08-11 09:04:55 (28天前)
转自：

3 条回复

0#
回复此人
薄情 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 这是加载5600个人图像吗？如果是这样，如果图像非常小，你可以尝试将它们组合成一个 <a href="http://alistapart.com/article/sprites" rel="nofollow"> 精灵 </A> 然后调用单个图像，并指定背景位置以显示给定位置的各个图像。减少5000多个图像调用会有很大帮助。 </p> </DIV>

编辑
1#
回复此人
大黑骡子王 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> @Lucio部分延迟是浏览器需要使用每个新创建的div重建DOM。首先尝试使用HTML构建网格，然后您需要做的就是填写图像文件信息，即 </p> <pre> <code> imgs = document.querySelectorAll(".divClass img"); for(x=0; x<imgs.length; x++ ) { imgs[x].src = "all_images/'+ result_image[x] +'.png"; } </code> </pre> </DIV>

编辑

登录后才能参与评论