前端包括HTML、CSS、 Javascript、Image 、Flash等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么?用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验;从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。
web前端网页优化工作
一、减少http请求。减少HTTP请求数的主要途径包括:
(1). 从设计实现层面简化页面,如果你的页面像百度首页一样简单,那么接下来的规则基本上都用不着了。保持页面简洁、减少资源的使用时最直接的。如果不是这样,你的页面需要华丽的皮肤,则继续阅读下面的内容;
(2). 合理设置 HTTP缓存,缓存的力量是强大的,恰当的缓存设置可以大大的减少HTTP请求。
二、优化代码
让代码变得简洁高效。代码越多,页面文件就越大,这样不利于提高页面的加载速度。所以在精简代码,减少不必要标签的同时也要善于合理利用标签。
三、js层面优化
尽量减少DOM操作,DOM操作尽量做到批量更新,减少页面回流和重绘;
避免内存泄漏,及时清理已经没用的定时器、挂载的事件和其他引用;
合理使用事件委托,避免给大量子元素添加相同事件。
四、CSS优化
.CSS放在head里:使其尽早下载,因为chrome需要下载完所有的css后才渲染页面;
.避免选择器层级太多,提高解析匹配速度;
.对于css中可继承的属性,如font-size,尽量使用继承,少一点设置。
易速网站优化公司 » web前端网页从那些方面来优化好?