如何在流星js中快速显示所有产品类别和子类别

Question

我正在做我的 meteorjs 项目。我想发布和显示来自 mongodb 集合的大约 4000 个类别和子类别。但是加载数据需要太多时间。我想开发类似阿里巴巴全品类页面的功能。因为它会立即加载所有数据。

http://www.alibaba.com/Products?spm=a2700.7224109.1997230041.14.K2vAog

Answer 1

关于如何使初始页面加载更快的问题的常见答案是使用fast-render 包。这听起来适用于您的用例。

4000 个类别和子类别平均每个 40 字节应该只有 160kB，即中等 jpeg 的大小。数据真的不多。

您是否在检查器中分析了您的应用程序，以查看您的应用程序实际加载的方式以及可能会阻塞的内容？

Answer 2

1. 在服务器上使用压缩算法：“gzip”从服务器分派您的响应，它降低了您的带宽成本，并且由于体积紧凑，客户端可以更快地获得响应。
2. 让您的 UI 完全加载，然后使用“ajax 完全异步”提升您的用户体验
3. 不要用 html css 脚本等的色调填充页面。