应用错误收集

我正在学习Angular2。在AngularJS中，我习惯于使用网格布局进行引导。现在我正试图通过flex-layout获得合适的布局。

但这里开始我的问题。

设定：

我收集了500件商品。我希望在平板电脑和桌面设备上以表格形式显示它们，但在智能手机上以列样式显示。出于这个原因，我使用fxLayout="row"和fxLayout.xs="column"。

但是当窗口大小适合移动显示器时，似乎网格的初始加载需要更长的时间。在更大的屏幕尺寸（sm和更大）上，它只需要2-3秒。在移动屏幕上大约需要7秒钟。

如果有人对我如何解决这些性能问题有一些好的建议会很棒。

我创建了一个可以看到问题的plunkr。如果屏幕大小被更改，div将显示在列中，并且您在代码中更改某些内容以强制重新加载，则页面重新加载将比在更大的屏幕上更长（div显示在行中）。