前端性能优化

前端性能优化

前端性能优化主要是提高页面的加载速度，优化用户的访问体验。我认为前端优化可以从以下部分进行展开：

页面的内容方面

（1）通过文件合并，CSS雪碧图，使用base64等方式去减少HTTP的请求数，避免过多的请求造成等待的现象。
（2）通过DNS的缓存机制，来减少DNS的请求次数。
（3）通过设置缓存策略，对常用不变的资源进行缓存
（4）使用延迟加载的方式，来减少页面主屏加载时需请求的资源。延迟加载的资源，当用户需要访问时再去加载。
（5）通过用户行为，对某些资源使用预加载的方式，来提高用户访问资源的速度。

服务器方面

（1）使用CDN服务，来提高用户对资源的请求速度。
（2）服务器端启用Gzip，Defalut等方式对于传输的资源进行压缩，减小文件体积。
（3）尽可能减小Cookie的大小，并且通过静态资源加载到其他域名下，来避免对静态资源请求时携带不必要的Cookie。

CSS和JavaScript方面

（1）把样式表放在页面的head标签中，以减少首次的渲染时间。
（2）避免使用@import。
（3）尽量把JS代码放在页面底部，或使用async或defer标签，避免脚本加载和执行页面的渲染。
（4）通过对JS和CSS的文件压缩，能减少文件的体积。