如果你对标题感到了深深的疑惑,来这里(优化网站速度的几种方式)看看先:-)
首先要补充解释下一个叫“性能黄金法则”的东东:
只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件上。
这里说的组件就是网站中的图片,CSS和脚本等等。所有着重优化的地方就在这些组件上面了。
如果你对标题感到了深深的疑惑,来这里(优化网站速度的几种方式)看看先:-)
首先要补充解释下一个叫“性能黄金法则”的东东:
只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件上。
这里说的组件就是网站中的图片,CSS和脚本等等。所有着重优化的地方就在这些组件上面了。
在业界有篇很经典的文章,来源于yahoo的开发者社区,它讲述的是如果优化自己的网站的速度,包括从服务器端到客户端。这篇文章影响了很多人,原文可以参照这里:Best Practices for Speeding Up Your Web Site
而本文只是用一种比较通俗的语言来阐述那几种方式,以及如何来优化自己的博客或网站。
你是否有时心神不灵?你是否有时整夜失眠?你是否有时想把iE6的肠子扯出来在勒住它的脖子?你还担心因为IE6而折寿吗?你是不是恨不得把看到装IE6的电脑给砸了?。。。。
在没发现它之前我是一脸囧样,在发现它之后我是茅塞顿开呀!于是乎用颤抖的手,艰难的掌握着力道,热泪盈眶地画了上面那张发自排骨的图。
它就是IE7,js!它让你年轻N被!它。真的很棒。。
起因:
一直想弄个微博客作为博客的副标题,然后通过提供商的js调用显示,这样更新就比较方便。然而通过调用外部的js,网站的载入速度会打折扣,有什么办法能控制显示顺序?
原理:
浏览器的解析顺序是由上至下,我们把比较影响速度的js放在最后,然后通过position属性控制div的显示顺序。
开篇先举个例子,假如你要从食堂送一些盒饭到每个寝室,你是用:得知订单中17#3单元3号寝室需要盒饭,然后你从食堂拿了一个盒饭送到该寝室,然后从订单中得知4号寝室也要盒饭,然后你有回到食堂拿了一盒给4号寝室。或者:你把订单中所需要的所有盒饭一起拿到寝室楼下,然后再发放。相信很多人都会选择后者,因为效率快。
css sprites技术就是为了减少客户端与服务器端的响应时间来加快网站载入速度。其实这项技术很早就有,但却相当的实用,所以还是整理一下,顺当温习。