web性能优化

web性能优化的原则:1、优化页面渲染 2、减少HTTP请求,增加请求速度 3、优化 js 执行

 

优化页面渲染:

1、尽可能保证 css 放在头部、js 放在尾部(这是由于页面的绘制流程)

2、懒加载(例如:滚动加载,用到哪些资源再去加载,提升速度,优化体验)

3、异步请求:防止页面阻塞(例如:window.onload、setTimeout 事件)

 

优化HTTP请求:

1、合理使用浏览器缓存

  a)很少变化或者基本不变的资源(例:图片)把 HTTP Header 的 Cache-Control 和 Expires 设置为一个较长的过期头

  b)变化不多,但仍有不定时变化的资源,进行 Last-Modifed 请求验证

  c)在批量更新缓存资源时,不应当一次性全部更新,而应当使用少量多次的更新策略

2、合理的压缩、合并

  a)合并压缩 js、css

  b)使用雪碧图、图标字体

3、使用 CDN加速

优化 js 执行:

js 书写方式上

 

posted @ 2020-02-26 14:05  z春眠不觉晓z  阅读(184)  评论(0编辑  收藏  举报