【问题标题】：How many elements/much data can I have on webpage?网页上可以有多少元素/多少数据？
【发布时间】：2015-05-18 20:48:33
【问题描述】：
我最近对我的后端进行了一些性能改进，我决定试一试。
我尝试推出 1000 种带有图像的产品，它在所有基于桌面的浏览器上都能正常工作，但它让我的 ipad mini 上的网站崩溃了。是否有任何最佳实践/性能测试可用？移动浏览器有自己的网站，不包括在内。
明确一点：我不想在我的 iPad 上解决这个问题，我想知道是否有针对 DOM 大小的最佳做法。
【问题讨论】：
标签：
html
performance
dom
browser
web
【解决方案1】：
你应该得到TDD。出于自动化目的，我强烈推荐Karma，这是来自 AngularJS 团队的测试框架。
Karma 允许您在多个浏览器或模拟设备上同时运行相同的代码进行测试，它记录执行时间并显示您在不同环境中可能遇到的次要和主要错误。
【解决方案2】：
iPad 因 JavaScript 崩溃而臭名昭著。如果您正在处理大量 JS，尤其是执行时间随着页面数据量增加而增加的 JS，这可能是您的问题的原因。
【解决方案3】：
你必须使用延迟加载 jquery 插件来加载长网页中的图像。在用户滚动到它们之前，不会加载视口之外的图像。这与图像预加载相反。
Lazy Load Plugin