我的组织是一家电子商务公司，有许多页面显示产品的长列表，有些页面可以有20个产品，而其他可能有多达100个!-别问我为什么!
我的任务是改善这些页面的加载时间，分析显示，大部分的加载时间是来自标记-有太多了!!由于企业必须展示的信息量很大，所以加价不能真的降低。
这让我寻找替代方案，其中之一是当用户向下滚动屏幕时延迟加载产品标记(我们目前使用这种技术用于产品图像)。
有没有人有这样做的经验，他们可以分享?担心的是这会影响页面
的性能任何替代方法都将被听取
期待任何意见
可以在滚动时动态加载内容。
你可以在你的HTML中加载所有的关键数据，然后用Javascript添加必要的标记。
或者，您可以发送一个紧凑的XML文档，并在客户端应用XSLT转换，如果客户端接受它(参见'Accept:' header)。
可以考虑在浏览器发送的内容中添加压缩。这将大大减少页面负载。
正如其他人所提到的，加载页面内容可能会导致许多问题，特别是对于有可访问性需求的用户(这比大多数人想象的要大得多)
我使用以下方法来隐藏化妆时间来渲染/创建内容(android, jq和jq-mobile)
a)内容在后台生成。总是创建小块(持续时间20-30ms)并插入dom。大约50ms (setTimeout)之后，下一个片段被创建并插入到dom
中。b) Android特定:我注意到DOM元素的第一次选择(例如$(' #xyz '))需要相对较长的时间(大约10ms)。如果第二次访问该元素，则只需要1ms (Samsung S3)。希望对大家有所帮助