网站上的图片越多,页面越卡顿,我想在一个页面内通过AJAX切换不同的文章,免去在各文章之间跳转的麻烦。文章中会包含很多图片,想问下,切换的文章越多,是不是内存占用越来越大,越来越卡顿?通过清除HTML会释放资源吗?
谢谢
阿神2017-04-10 15:10:28
会。 清除DOM节点能够是否DOM占用的内存。
像很多瀑布流形式的图片网站, 图片加载到一定程度会删除一部分图片; 当页面往回滚时, 又把图片添加回去。
具体实现可以参考chrome的书签页面的实现。 他也做了不在显示区域的书签就删除节点的操作。
伊谢尔伦2017-04-10 15:10:28
严格来讲,清楚html肯定会释放些资源。但是这个应该不是优化的关键。像很多可以infinite scrolling的网站,比如pinterest, 图片也非常多,还是可以很流畅
ringa_lee2017-04-10 15:10:28
如果说文章列表类的,然后点击后还会进入详情页的话,如果看了很多个详情页并且不去销毁的话必然内存会不够的。
你可以考虑移除掉详情页或者保留几个即可,其他的全部销毁(或者存储到DocumentFragment中,当然要把DOM元素remove掉)。