如果你对标题感到了深深的疑惑,来这里(优化网站速度的几种方式)看看先:-)
首先要补充解释下一个叫“性能黄金法则”的东东:
只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件上。
这里说的组件就是网站中的图片,CSS和脚本等等。所有着重优化的地方就在这些组件上面了。
如果你对标题感到了深深的疑惑,来这里(优化网站速度的几种方式)看看先:-)
首先要补充解释下一个叫“性能黄金法则”的东东:
只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件上。
这里说的组件就是网站中的图片,CSS和脚本等等。所有着重优化的地方就在这些组件上面了。
其实叫栅格系统还是网格系统(Grid System)也没有明确的说明,早些看到一些关于栅格设计的文章,不过理论性偏强,不太容易理解,自己很早就想写篇相关文章,不过前几天去了灾区,所以就拖到现在了。我还喜欢从实际的例子中来了解,如果你对栅格有了初步了解可以直接跳至下面,那里有延续阅读,链接到众多业界人对栅格系统设计的理解。
早些时候在看CSS Mastery是也看到这个东西,另外之前也跟人聊过这个,现在稍微总结下。
什么是图像替换?简单的说我们可以把文本照常添加到文档中,然后通过CSS来用特定的图片来替换文本,这样做的好处是搜索引擎仍然可以搜索到文本,而禁用到CSS文本也可以看到,现在应用最广泛的莫过于网站的Logo了。
在业界有篇很经典的文章,来源于yahoo的开发者社区,它讲述的是如果优化自己的网站的速度,包括从服务器端到客户端。这篇文章影响了很多人,原文可以参照这里:Best Practices for Speeding Up Your Web Site
而本文只是用一种比较通俗的语言来阐述那几种方式,以及如何来优化自己的博客或网站。