这个坑要从一年说起，项目页面出现首次加载缓慢和页面白屏的情况；
对于页面首次加载缓慢
思考方向：1.按需加载，2.静态资源外部引用，3.资源加载中加loading页；
前端项目打包编译每次都会更改文件名；所以脚本资源都要重新加载；
通过查看脚本的加载情况，发现脚本文件过大，出现好几M的情况，所以做了代码分割及按需加载处理，来减小文件的大小；修改之后明显加载速度快了一些；
之后考虑到代码是否可以进一步分割按需加载，但至今都没时间做进一步优化；
对于页面白屏
白屏情况：1.页面加载慢，出现白屏，2.缓存，文件找不到，请求资源404；
思考方向：1.页面加载慢，采用按需加载，减小需要加载的文件大小，减少白屏时间，加loading页，2.清除缓存；
如果第一种情况按照上面页面加载缓慢的情况解决；
如果是缓存，当时在前端层面做了：1. no-cache，no-store处理，2.已登录用户，发布完成踢出用户，跳登录，并刷新页面；
以上是对于这两个问题前端做的处理方案，效果明显，大大缩短加载时间，白屏情况（缓存）偶现；
最近有人又提出两个问题，然后和后台一起看下这个问题；
问题：1.加载慢，2.缓存，资源404；
原因：1.资源大（M级大小的文件），2.html被缓存；
解决方案：1.请求资源时，nginx做压缩（gzip）处理；2.nginx做强制缓存处理，html文件不做缓存，每次加载html都是最新的；
效果：1.把文件压缩了60%-70%，大大减少了文件下载时间，加载更快，操做更流畅了；2.解决了白屏的问题；
思考：1.问题出现第一时间要定位问题的原因，只有找到根本原因，才能更好地解决问题；
2.考虑问题要多角度，出现问题不要只从一个角度去思考，前端、后台、运维等多个角度去看；
后记：
由于经验不足的问题，我之前就是认为是前端的问题，所以一直在前端方向做思考，导致问题不能更好的解决，不过很多人抱着事不关己高高挂起态度，殊不知可能问题就出现这些人身上，不管如何解决了问题又学到了新东西，很高兴，下次遇到类似的就能避免了。
