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