前端性能优化（简单篇）本文只记录我知道或用过的优化性能的方法1.减少资源http请求这样由于js、css、html、font、img文件都使用http请求让服务器接受、处理和响应请求，这意味着打包和组织资源的重要性，我们常用的spritemaps也大大加速了这方面最基本的一点就是请求资源所花费的时间。文件资源最好不要有问题，避免404，否则会大大影响加载速度。2、静态资源使用CDN是很常见的。把css文件放在js文件之前，把css放在head里，防止html被加载。如果不加载css，页面将没有样式。把js放在css后面也方便。有些js需要用到width、height或者offset等属性，记得在最下面写的js中加上domready或者windowonload入口函数。4.小图片可以用字体图标代替字体图标。文件较小，多个字体图标在同一个文件中，没有失真，颜色大小控制得很好。5.压缩文件的方法不多。说明6.图片优化（重要）不是细节图，也不是kv图。您可以将图片转换成jpg格式。图片的尺寸不是太大。单图、双图、三图根据情况使用。可以通过媒体查询屏幕尺寸自动适配相应的图片，lazyload是一种成熟的懒加载图片方法，将10k以内的图片转成base64编码。优点：减少http请求次数，部分变色、翻转等效果由css3样式控制。（cssfilter很有意思）7.按需加载一些过于庞大的第三方库是常有的事，所以例子不多。8.减少重绘和重排（细节待更新）。样式，而不是替换类来更改样式。先隐藏元素再删除使用transform和opacity实现一些动画，不会触发重排和重绘9.事件委托事件委托使用事件冒泡。当子元素较多时，将事件绑定到父元素上，减少内存占用10.if-elsevs.switch当判断条件越来越多，判断值不变时，更倾向于使用switch而不是switch如果别的。11.避免空src和href12.css选择器不要太复杂13.尽量减少前后端交互数据无用数据14.使用服务端渲染客户端渲染：获取HTML文件，下载JavaScript文件为需要，运行文件，生成DOM，然后渲染。服务端渲染：服务端返回一个HTML文件，客户端只需要解析HTML即可。优点：首屏渲染快，SEO好。缺点：配置麻烦，增加服务器的计算压力。参考资料：【Vue.js服务端渲染指南】（https://ssr.vuejs.org/zh/）15.使用flexbox代替早期的布局模型（？？不太清楚优势在哪等着更新）
