随笔分类 -  网页优化

web前端性能优化
摘要：一、概念 1.优化地方：首屏时间，资源加载，交互响应，渲染，滚动，图片，动画 2.页面速度因素：网络宽带速度 设备性能（CPU,GPU,浏览器） 页面本身（js,css等） 3.法则：减少请求，合并，压缩，样式，css雪碧图，外联内联，DNS，图片压缩，渲染优化等 4.RTT：(Round-Trip 阅读全文
posted @ 2018-10-23 14:54 yuesu 阅读(245) 评论(0) 推荐(0)
requestAnimationFrame实现动画
摘要：一、requestAnimationFrame() 方法告诉浏览器您希望执行动画并请求浏览器在下一次重绘之前调用指定的函数来更新动画。该方法使用一个回调函数作为参数，这个回调函数会在浏览器重绘之前调用。 由系统来决定回调函数的执行时机 如果屏幕刷新率是60Hz,那么回调函数就每16.7ms被执行一次 阅读全文
posted @ 2018-10-22 15:36 yuesu 阅读(281) 评论(0) 推荐(0)
优化网络请求性能
摘要：一、节流：窗口调整（resize）,页面滚动（scroll）,频繁点击（click） 二、防抖：实时搜索，拖拽 三、函数记忆 阅读全文
posted @ 2018-07-10 10:55 yuesu 阅读(208) 评论(0) 推荐(0)