WEB性能优化的不足

WEB前端性能优化，这几点让你的代码质量更高。你有没有遇到过自己的api请求很慢，一次加载很久，第一屏加载空白页几秒，图片加载很慢等等？这时候就需要优化你的web项目了。

①减少http请求数量，合理使用http缓存:减少HTTP的方法主要有合并CSS、javascript和图片。只要减少http请求的数量，WEB的性能就会大大提高。

②使用代码压缩:现在wepack等工具可以通过npm run built将代码压缩成一个文件，大大减小了WEB应用的大小，使页面打开速度更快，甚至提高了百分之五十。

③使用浏览器缓存:使用浏览器缓存缓存CSS、javascript、logo、图标等一些静态资源，使用时直接从缓存中取出。

④CSS放在页面顶部，javascript放在页面底部:由于JavaScript是单线程语言，与页面渲染共用一个线程，JavaScript在执行过程中会发生阻塞，导致页面无法渲染。所以我们要在上面放css，让页面先渲染，然后在JavaScript上执行。

⑤利用服务器渲染:在服务器返回html之前，用特定区域的数据填充符号，即执行JavaScript代码，然后交给客户端。客户端只负责解析HTML，不需要执行JavaScript就可以呈现页面。这通常是为了处理第一个屏幕以减少第一个屏幕事件。

⑥减少dom的操作:减少DOM的操作，尽量使用innerHTML来改变页面的数据。

⑦必要的时候在引入。