前端性能优化,无非是html,css,js三方面的优化。
html\css\js首先要分开,拒绝内联等方式,运用文件引入的方式
html:
首先就是语义化html,说白了,就是使得标签各司其职,尽量不改变的标签的本质属性,如块级和行内元素的转换尽量要少
块级元素可以包含块级以及行内元素,而行内元素可以包含行内元素尽量不要包含块级元素。
css:
文档头部加载
压缩版本
使用预处理器,采用预定义函数等
不适用@import导入css文件
js:
少使用全局变量、闭包、eval(目前还不太明白这个的来龙去脉)、with(从来没用过)
对于for循环以及条件语句,for循环可以使用js原生函数的就使用,若是没有,从变量上面优化,尽量提前定义好变量,拒绝频繁的定义;数组能使用forEach()的就使用这个
对于if等条件语句,可以使用switch,但最好使用对象命名方式,采用三元表达式的写法,简洁、高效、不笨拙
多采用js原生对象和方法,因为其很多原生方法都是C或者C++写的,运行速度很快,如MATH的方法、Date以及Array等
尤其是使用jquery的时候,拒绝频繁的调用DOM对象,做好提前的dom声明。
可以采用一些优化的插件等。
先到这里吧,完毕。