博客主题如何影响博客的速度？

刚刚听到网友反应说因为用了石头的主题后博客速度超慢，决定放弃这个主题了。石头觉得非常不可以理解，因为用了石头的主题所以博客会变慢，怎么可能？

先让我们看看会让博客变化的主题可能会存在些什么问题？Z-Blog采用的页面缓存机制会在首次读取模板内容后缓存入文件，再次访问直接调用静态文件，所以如果博客变慢，排除服务器问题和网络故障，那原因只有在代码上。

以前曾经听到朋友说松松的模板使用后会比较慢，我以前曾经解析过松松模板的构成，那到底是什么原因造成的模板使用后会变慢？石头觉得在模板上存在以下问题才会造成模板使用后博客变慢：

1、代码凌乱沉冗

不整齐不清晰的代码结构和复杂而又无用的代码在一定程度上不仅增加了网页的大小，还造成用户端浏览器的无用解析，所以网页打开会变慢。比如过多的调用JS函数，太复杂的文件名命名等等；

2、图片太大

一个普通的文章页网页大小也最多20-30K,而一张图片的大小大则可以达到1M，小则不低于1K，所以如果模板所需要图片都没有经过压缩处理，往往会严重影响网页打开的速度；

3、过多的图片下载请求

这主要表现在网页所需的素材都需要一一下载，意思就是在CSS中没有使用CSS定位切割的方式来加载图片，而是为每一个图片素材都分开读取，如：

#Menu {width:950px; height:45px; background:url(images/menu_bg.jpg) no-repeat;}
#Body{width:950px; height:500px;background:url(images/body_bg.jpg) repeat-x;}
#Footer {width:950px; height:90px;background:url(images/footer_bg.jpg) no-repeat;}

在Menu、Body、Footer这三个类中，每一个类都有一个不同的背景图片，所以浏览器也会向服务发出三次图片下载的请求，而实际上，我们完全可以更改CSS达到只发出一个请求。原理在于CSS的background中可以使用X,Y坐标的方式来定位图片，所以我们可以把三张图片合并一张，再定位调用，以上CSS可以改成：

#Menu {width:950px; height:45px; background:url(images/bg.jpg) no-repeat 0 0;}
#Body{width:950px; height:500px;background:url(images/bg.jpg) repeat-x 0 -45px;}
#Footer {width:950px; height:90px;background:url(images/bg.jpg) no-repeat 0 -545px;}

这样不仅减少了HTTP请求，而且更容易维护。通过以上分析，石头觉得说因为使用了石头的模板所以博客变慢是不可能的，如果你也因为使用了某模板后博客变慢了，不妨试着用本文分析分析，看看原因到底在哪里？

21楼三眼看世界回复该评论

发表于2011-03-18 21:06:35

学习了，呵呵，一直没注意过图片问题。得好好学学css去。
20楼肖俊回复该评论

发表于2011-01-16 12:44:35

卢松松那模板就速度很慢。代码太复杂了不好改。
19楼范冰冰回复该评论

发表于2010-09-19 15:18:00

顶博主！学习了！
18楼小易回复该评论

发表于2010-08-31 00:53:57

感觉还可以，不过发现石头哥网站速度比我的快。。
17楼老七回复该评论

发表于2010-04-01 21:29:11

三张图片合并一张??
这样也可以？教教我。
stone 于 2010-4-2 13:35:24 回复
用css的background定位切割啊
16楼尼古丁回复该评论

发表于2010-03-28 08:12:45

不错！
stone 于 2010-3-31 13:02:39 回复
真的呀？
15楼痕迹回复该评论

发表于2010-03-22 17:13:45

用卢松松的博客，确实会慢很多，而且有时还不能完全打开。
stone 于 2010-3-22 20:48:11 回复
恩，他的模板代码太凌乱了且很复杂
14楼天边鱼回复该评论

发表于2010-03-19 23:19:35

- -

我的博客一向走简约路线的..
stone 于 2010-3-21 1:13:40 回复
恩，看出来了。不过有同的人有不种的爱好，你的博客是挺简单的，嘿嘿。不过天气热起来了，简单点好
13楼一起走走回复该评论

发表于2010-03-19 21:20:47

很快啊，慢的时候再看了。
stone 于 2010-3-21 1:16:26 回复
慢的时候一定要帮忙反应哟
12楼花脸猴回复该评论

发表于2010-03-19 13:10:43

博主说的有道理，不过我的才刚开张，不存在慢的问题，以后再说吧，呵呵！
stone 于 2010-3-19 13:13:36 回复
是的，挺快的
11楼番薯窝回复该评论

发表于2010-03-19 13:07:02

看了一下，感觉还蛮快的，不觉得哪里慢了
stone 于 2010-3-19 13:10:07 回复
我也这么觉得呢。番薯窝好久没来了。。。
10楼小酷回复该评论

发表于2010-03-19 11:52:14

速度慢的话确实是个大问题。
stone 于 2010-3-19 13:10:38 回复
那你觉得慢不慢呢？
9楼猴子回复该评论

发表于2010-03-19 05:41:14

挺快的呀，不觉得哪慢了。
至少比起我自己的快了N倍，我也准备从WP那找个新皮来换上，现在这个实在是太慢了。
石头于 2010-3-19 7:56:23 回复
挺快的呀
stone 于 2010-3-19 8:18:18 回复
猴子5点多还在上博客呢？太强悍了
猴子于 2010-3-19 19:28:52 回复
不要用看正常人的眼光看我。
stone 于 2010-3-21 1:14:27 回复
那得用“不正常”的眼光看么？
猴子于 2010-3-21 1:43:35 回复
不把我当正常人,我不会介意的.
stone 于 2010-3-22 9:07:08 回复
真是只不正常的猴子，还是夜猴子，呵呵。猴子怎么还不更新呢？
猴子于 2010-3-22 14:34:08 回复
这几天被Zen Cart折腾得蛋疼不已...
8楼混生回复该评论

发表于2010-03-18 22:54:35

很少研究过。
7楼天空之城回复该评论

发表于2010-03-18 20:22:16

原来是这样啊，学习！
stone 于 2010-3-18 20:24:13 回复
常来哈！
6楼无名博客回复该评论

发表于2010-03-18 16:36:58

石头的博客速度很快啊，如果说石头博客有很多图片加载速度慢，这还说的过去。
但是的确是没有的，所以说是石头博客的模板有问题，我不敢认同。
stone 于 2010-3-18 16:38:28 回复
图片我也都认真压缩过的，都在1K以下，我也觉得不可能是我的模板问题。
爱好者博客于 2010-3-18 18:19:04 回复
没图片当然快啦。这石头抠门。
无名博客于 2010-3-18 20:04:19 回复
石头抠门儿？哈哈哈哈....
石头于 2010-3-18 20:12:17 回复
我怎么抠门了我？
爱好者博客于 2010-3-19 9:40:44 回复
除了logo感觉没有一张图片。还不抠门哇。呵呵。
stone 于 2010-3-19 9:42:47 回复
嘿嘿，要注重大家的体验嘛
5楼笨小孩回复该评论

发表于2010-03-18 15:15:40

　　CSS定位切割这项技术确实能提升网页载入速度，但是有很多人都不会，所以调整模板难度就会加大，对代码的SEO一般小菜鸟都不怎么会，反正拿到一个主题后不要做太多的修改，不然结构会多多少少的改变。
对了，今天你的主页速度好多了。
笨小孩于 2010-3-18 15:17:51 回复
还有你的主题好像不能自动适应浏览器，我今天用本本上有个横向滚动条，一般1004px的应该没有这个问题啊？奇怪~~~
stone 于 2010-3-18 16:39:18 回复
我的博客宽度才950px啊，怎么会有滚动条呢？我在1024*768上都正常也
4楼小张回复该评论

发表于2010-03-18 14:42:39

学习，占位！
stone 于 2010-3-18 16:39:33 回复
常来
3楼 liuzm 回复该评论

发表于2010-03-18 14:38:51

第一次来，留个名
stone 于 2010-3-18 16:40:24 回复
恩恩，欢迎欢迎，以后多多相互走走
2楼爱好者博客回复该评论

发表于2010-03-18 14:25:35

再测试下评论，呵呵，问题多多呀。加油。
1楼 loker 回复该评论

发表于2010-03-18 13:44:15

没感觉到慢啊，不过还是期待石头的新模版
stone 于 2010-3-18 16:41:01 回复
新模板？正在找呢