针对Google Page Speed优化React应用

时间:2018-10-18 03:23:57

标签: reactjs performance

我正在尝试提高https://bravos.co上我的React应用程序的页面速度(和SEO)性能。您可以在此处查看页面速度测试的结果:https://developers.google.com/speed/pagespeed/insights/?url=bravos.co

我在移动设备上停留在64/100,在台式机上停留在46/100。

我已经改进了很多东西,但是有很多东西我还停留在上面,并且由于它是一个React应用,所以似乎很难改进:

  • 彻底消除渲染阻止的JavaScript和CSS 内容(主要是bundle.js,鉴于它是整个应用程序,因此我无法消除)
  • 优化CSS传递(这是次要的,但是我仍然不确定如何在React中做到)
  • 启用压缩(我可以在此处gzip一些内容,但仍在寻找gzip并部署随机javascript文件的简便方法)
  • 利用浏览器缓存(我不知道该如何在React中进行操作,尤其是因为似乎未使用.htaccess)

这里的任何建议或想法都将不胜感激。

0 个答案:

没有答案