摘要:
当页面动态变化时,对于各种事件,例如改变大小,滚动和鼠标移动。这些都会发送请求进行求值,这样就导致了求值进行的非常繁琐。 如何避免: 使用一次性表达式:将值设置成为固定值,去除css表达式 使用事件处理器:这样可以避免在无关事件发生时对表达式的求值。 阅读全文
摘要:
脚本放在底部和样式放在页面顶部的道理差不多,因为脚本的下载不能并行,因为不能保证脚本按正确的顺序执行,所以,脚本下载会阻塞并行下载。 阅读全文
摘要:
为什么要把样式表放在开头? 相信我们都遇到过一个现象就是,在等待页面加载过程中,页面会先白屏然后突然把所有的东西都加载出来了,这就是因为把样式表放在了最后,导致样式是最后加载的,而白屏是对无样式内容闪烁的一种弥补,那么什么是无样式内容闪烁,当页面的内容加载时,文字首先出现,然后是图片,最后又用样式重 阅读全文
摘要:
规则一和规则三从减少不必要的http请求来缩短响应时间,规则二通过缩短距离来缩短响应时间,而压缩则是通过减少文件的大小来缩短响应时间。 用什么来进行压缩? 文章通过比较gzip,deflate。通过一系列的数据对比,gzip是目前最流行,最有效的压缩方法,gzip不仅被大多数的浏览器支持,而且其压缩 阅读全文
摘要:
这个规则的主要观点在于缓存减少响应时间,我们是否有过这样的感觉,当你第一次访问一个网站和多次访问一个网站时,网站的加载速度是不一样的,这是因为当我们第一次访问的时候,加载了更多的http请求,就如同规则一那样,在理想情况下,我们不适用任何图片,任何脚本,任何样式的时候,他的加载速度是最快的。但这样不 阅读全文
摘要:
刚开始通过不同的地理位置,网络请求速度不同这一现象,引出了如何加速组件的下载,在前面的序言中引出了,用户只有10%~20%的时间花在加载html页面内容的请求,其余的80%~90%都花在了组件的加载上,于是,如果缩短了组件的加载时间,就可以缩短用户请求的时间。于是,就引出了CDN(内容网络发布),根 阅读全文