我可以在网页上拥有多少元素/大量数据？

Question

我最近对我的后端进行了一些性能改进，我决定将其用于旋转。

我尝试推出1000个带有图像的产品，它可以在所有基于桌面的浏览器上正常工作，但是它使我的ipad mini上的网站崩溃了。是否有最佳实践/性能测试？移动浏览器有自己的网站，不包括在内。

要明确：我不想在我的iPad上解决问题，我想知道是否有任何针对DOM大小的最佳做法。

Answer 1

iPad以因JavaScript而崩溃而臭名昭着。如果您正在处理大量的JS，尤其是JS，其中执行时间随着页面上的数据量而增加，这可能是导致问题的原因。

Answer 2

你必须使用Lazy load jquery插件来加载长网页中的图像。在用户滚动到视口之前，视口外的图像不会被加载。这与图像预加载相反。

Lazy Load Plugin

Answer 3

那么你应该抓住TDD。出于自动化目的，我强烈推荐Karma这是AngularJS团队的测试框架。

Karma允许您同时运行相同的代码以在许多浏览器或模拟设备上进行测试，它记录执行时间并显示您在不同环境中可能遇到的轻微和重大错误。