开发笔记——前端优化

这是我第一写博客，如果有问题，欢迎大家多多给予意见和建议。

这篇博客主要讲在自己开发的过程中遇到的有关于前端页面优化 的问题。

1、减少http请求

（1）减少图片请求：在开发的过程中，有时会有很多的小图，对于这些小图，可以使用css sprite，将多个小图合并，这样只需要请求一张图片就好了，但是在开发过程中，我发现在移动端的网页上，使用css sprite会影响banckground-size，不能适配不同的分辨率，最后，我选择将图片转化为base64,减少请求。

（2）减少css，js的文件数量：可以将css和js文件合并压缩，从而减少http请求

2、将js文件放在页面底部，浏览器对于页面的加载时是可以并发的，但是外联的js脚本文件会阻塞这种加载，影响页面的响应速度，并且减少<script>标签的个数可以有效的提高页面性能。

3、对于一些并不经常改动的css或js文件，可以将其缓存。

4、减少脚本对DOM的操作，每次使用js操作DOM都会有性能消耗，可以使用MVVM框架或者MVC框架来减少js对DOM的操作。