qq_597221342的博客

一.图片优化 1、降低图片的大小 2、选择适当的图片宽度尺寸（即响应式图片） 3、减少HTTP的网络资源请求 4、CSSSprites(背景精灵图/雪碧图) 5、css和css3制作简单的图标和动画（代替gif图片） 6、SVG技术替换图片 7、html5 canvas绘画图形 8、字体图库代替图标 9、图片延迟加载（懒惰加载）（js/lazyload.js）

[内容]尽量减少HTTP请求数 [服务器]使用CDN（Content Delivery Network） [服务器]添上Expires或者Cache-Control HTTP头 [服务器]Gzip组件 [css]把样式表放在顶部 [js]把脚本放在底部 [css]避免使用CSS表达式 [js, css]把JavaScript和CSS放到外面 [内容]减少DNS查找 [js, css

resize，scroll，hover等js事件触发时绑定的方法会被频繁调用，致使页面产生性能问题，所以我们使用函数节流来解这个决问题 //scroll方法中当间隔时间大于2s，do somthing执行一次 window.addEventListener('scroll',function(){ var timer ;//使用闭包，缓存变量 var startTime =...