流星收集太慢了答案

【问题标题】：meteor collection fetching too slow流星收集太慢了
【发布时间】：2013-10-26 04:41:05
【问题描述】：

我有一个订阅 4 个集合的应用程序（每个集合非常小，只有 1 到 20 条记录）。但是加载这些集合所花费的时间是巨大的。其中一个只有 13 条记录，加载它的模板需要几秒钟。正常吗？（我还在流星服务器上测试）

这是代码示例：

Meteor.subscribe('trackedUser', function() {
  console.log('finished fetching trackedUser');
  Template.users.rendered = function() {
   /*handlign of the template*/


    console.log('users template rendered');
  }

  });

    /*observe geolocation after it is all fetched*/
  Meteor.subscribe('geolocation', function() {
    console.log('finished fetching location');
    /* Obseve the Collection geolocation and trigger event when item inserted or removed  */
    query = Geolocation.find({});
    query.observeChanges({
      added: function(id) {
        addMarkerToMap(id);
        window.map.fitBounds(group.getBounds());
        return;
      }
    });
  });
});

这是我的模板

<template name="users">
<ul id="item-list">  
   {{#each trackedUser}}
    <li id="{{_id}}"> 
        <input type="checkbox" checked /> 
        <span><select name="colorpicker">
                {{#each color}}
                  <option value="{{mColorCode}}" {{selected ../mColor mColorCode}}>{{mColorName}}</option>
                {{/each}}
              </select>
        </span>
        <img width="40"  src="data:image/png;base64,{{mImage}}" />  
        <span class="name">{{mUsername}}</span>
        <p><span class="description">{{mDescription}}</span></p>  
    </li>  
    {{/each}}
</ul>
</template>

谢谢

【问题讨论】：

你有应用部署到meteor.com吗？你会分享网址吗？
根据我的经验，subdomain.meteor.com 很慢。他们可能有 1 台服务器托管 500 个演示站点。在本地测试时是否也一样慢？

标签： collections meteor

【解决方案1】：

我能够通过向模板内容的定义添加一个在加载页面时为假的条件来解决这个问题，即执行初始同步，并且仅在加载时激活该内容。

之前（服务器发布 300 条记录的 10 秒页面加载）：

Template.itemlist.items = function () {
    return Item.find({type: 'car'},
                     {sort: {start: -1},
                      limit: 30});
};

至（服务器发布的 3000 条记录的 2 秒页面加载）：

Template.itemlist.items = function () {
    if (Session.get("active")) {    
        return Item.find({type: 'car'},
                         {sort: {start: -1},
                          limit: 30});
    } else {
        return [];
    }
};

为了仅在加载数据后“激活”会话，我添加了：

Deps.autorun(function () {
    Meteor.subscribe("Item", 
                     {
                         onReady: function() {
                             Session.set("active", true);
                         }
                     });
});

【讨论】：

【解决方案2】：

我最近不得不诊断一个流星应用程序的性能问题，发现不是模板的渲染速度很慢，而是服务器和浏览器之间的数据传输。

您可以使用 Chrome 开发者工具来诊断问题。

打开该工具并确保它正在分析网络流量
加载您的网站
检查网络流量。数据是否需要很长时间才能完成进入您的浏览器？

如果数据需要很长时间才能完成到达您的浏览器，那么您可以深入了解 websocket 流量：

过滤 websocket 流量（网络选项卡底部）
选择 websocket 请求以查看帧
检查帧中的信息。很多吗？

您可能会发现（和我一样）您正在向浏览器传输大量不需要渲染模板的信息。

在这种情况下，请确保您已禁用 autopublish，然后使用 field specifier 仅发布您需要的数据。

【讨论】：