【发布时间】：2020-05-01 17:55:40
【问题描述】：
我有一个使用 Nuxt.js 构建的网站正在开发中。
效果非常好，但由于第一次加载需要几秒钟，而且页面是空白的，Google PageSpeed 洞察力对于移动设备来说真的很差。
测试网站：http://eventscace-354711072.us-east-1.elb.amazonaws.com/
他们声称最初的痛苦内容需要 10 秒或更长时间。
我很确定这与 VueX 的加载有关。所以 我想知道是否有一种方法可以加快或至少在加载时在该白页中添加内容。
非常感谢！
【问题讨论】：
-
我已经通过页面审核检查了您的网站。你得了 100% 的 1%，这太糟糕了。如果您使用谷歌浏览器按 F12 然后转到“审核”并检查您将获得所有结果的页面以及如何提高速度
-
我知道，但我不知道如何让 nuxt 在加载其余内容时立即交付内容。我很确定这会影响性能。这是我最初的问题。谢谢
-
您的
assets文件夹中有很多东西。那不会被缓存，所以你一遍又一遍地加载它。将更多内容放入您的static文件夹。第一次加载会更长，但第二次加载会从缓存中加载所有内容 -
您的图片也太大了。例如美国运通标志。它的 300x300 但在 50x50 div 中
-
延迟加载组件、purgecss、split等领先技术将非常有用。
标签： vue.js vuex nuxt.js google-pagespeed pagespeed-insights