总结一些前端页面优化的方法（一）

前言：

这里我想写一点日常前端页面优化的方法，将持续发布一些我所遇到的问题优化，尽量写的通俗易懂些（大白话搞起！！！）

---

一.减少页面加载时间的方法

1. 优化图片（这个很重要，图片尽量压缩一下）
2. 图像格式化的选择：GIF格式的图提供的颜色比较少，可以用在一些对颜色要求不高的地方。
3. 优化CSS：初学者经常喜欢写的，比如margin-top，padding-top等等，这些都可以合并成margin,padding。(即使这样说，我还是喜欢分开写)
4. 网址后面加斜杠（www.xx.com/  目录，会判断是什么文件类型或者是目录）
5. 引用服务器上的图片时候一定要标明高度和宽度：如果浏览器没有找到参数，边下载图片边计算大小，如果在图片很多的情况下浏览器需要不断的调整页面，会影响速度和浏览。
6. 最终要的一点：一定要减少http请求（接口请求）。（这点大家应该都知道，懂得都懂）

 

二.JS的优化问题（特指出Jquery）

1. 字符串的拼接：在jquery里面体现最明显，手写前端html样式，这里我相信大多数人都是这样写的 用+=来拼接字符串（我也喜欢这样写，哈哈），实际上这样js运行效率低下，可以利用join优化一丢丢.

//效率低下
var template="";
for(var i=0;i<1000;i++){
    template+="< />"
}
document.getElementById("one"),innerHtml=template;


//效率高
for(.....){
    array[i]="< />"
}
document.....innerHtml=array.join("");

​​​​​​三.定时器

1. 如果针对是不断运行的代码，不应该使用setTimeout,而应该是setInterval,因为setTimeout每一次都会初始化一个定时器，setInterval只会在开始的时候初始化一个定时器。

 

 

 

 

 

1.