手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 免费部署 N8N 的 Zeabur 注册 | 登陆
浏览模式: 标准 | 列表分类:Misc

如何更好的提高博客性能[转载+自己的理解分析]

本文是从网上COPY而来,本文原始网址为:http://www.wlue.cn/html/200863124143.html,属于SEO一类的文章,对于文章中的一些见解,如果我有不同看法,我会以不同颜色的文字标出。
请看全文:


      对于服务器租用者来说,要想在硬件环境、网络环境等来改善自身网站性能,受客观因素的影响可能会有比较大的难度。因此,只能退而求其次,在程序上狠下功 夫。对于独立博客站长来说,使用的博客程序一般都是比较成熟的发行版的程序,这些程序为了适用的广泛性往往在代码中留出了很大的改进余地,因此,我们可以 在这上面下一些功夫。

  提高博客性能方法一: 合并JavaScript文件。

     无论是在PJBlog还是其它的博客程序中,都使用了大量的外部JavaScript文件,要知道,引入一个外部文件都要 发送一个HTTP请求,而在所有影响页面响应速度的因素中,HTTP请求是最关键的一个,因此把所有的JavaScrip文件合并到一个 javascript.js的文件中是一个很好的做法。不过,你要注意不同的JavaScript文件中使用了不同的变量和函数名称,你要保证它们合并之 后还能正常工作。在某些情况下,你也可以有两个独立的JavaScript文件;

  提高博客性能方法二:精减你的JavaScript文件。

      合并 JavaScript文件是为了减少HTTP请求次数,但是基本上不会在体积上有所改观,所以你还需要精简掉JavaScript文件中那些没有用的东 西,比如注释、换行、空白等,这大概会使你的程序缩小20%~30%的空间。你可以使用ESC 1.14对文件进行压缩,它的压缩率高达60%以上,对于减少响应大小、提高响应速度来说大有裨益;

  提高博客性能方法三:合并CSS文件与精减CSS文件。

      和处理JavaScript文件一样,把所有的CSS文件合并到一个style.css中,CSS比 JavaScript 好处理的一点就是它冲突的机率较小,即便有冲突也不会是大问题。精简就去掉多余的样式化的格式,把所有的CSS规则都放到一行中。这款叫作Minify的 程序不但可以压缩CSS还可以压缩JavaScript和PHP程序。不过这里要提醒的是,如果你要合并和精简文件一定要保留原来的文件以便以后程序更改 时使用。 [在这里推荐一个在线更新CSS文件的地址:http://www.cleancss.com/]

  提高博客性能方法四: 使用CSS Spirites。

       所谓的CSS Spirites就是所有CSS中用来做背景图像的图片文件都放到一个文件中。在PJBlog以及其它博客程序的皮肤中,作者很多都没有使用CSS Spirites,这样造成每出现一次background规则都要发送一次HTTP请求,而如果使用CSS Spirites则只需要一次HTTP请求,节省不必要的开支。 [说实话,这里有点痛苦,不是每个做网站的人都懂得这点,但即使懂得这点,如果改起来,对原有的CSS文件的改动也非常大,只有建议那些做模版的朋友们在做模版的时候能够考虑这点就好了。]

  提高博客性能方法五: 使用缓存。

       对于静态内容(如Flash、 JavaScript、CSS、Image)通过加上Expires头或者Cache-Control来把它们缓存到客户端,这样用户在下次访问的时候就 可以不用下载这样内容了,这样减少了HTTP请求的次数又减少了下载文件的大小。在IIS中设置文件头很简单,在你要设置的文件或者文件夹上右键点击—— 属性——HTTP头,然后勾中“启用文件过期”,设定过期时间,可以是一年或者十年等,还可以指定某个未来的时间,如2010年等。不过你一但设置了 HTTP头,如果你要对文件作出修改你需为修改过的文件重新起一个名字。 [不知道如何在文件中设置过期时间,PHP还能通过设置头来搞定,可是CSS、JS呢?]

  提高博客性能方法六: 启用Gzip压缩。

       Gzip压缩针对 JavaScript、CSS等内容一种压缩技术,它能大大减少文件的体积提高传输速率,精简JavaScript和CSS只是去除不必要的内容,而 Gzip压缩则是将文件在服务器端打包、在客户端解包的过程。Apache和IIS6.0都内置了Gzip技术,现代浏览器都支持Gzip技术(即使不支 持它也会告诉服务器不要打包),因此可以放心使用。在IIS6.0中你需要简单配置之后才能使用Gzip技术,而在Apache 1.3中要启用mod_zip,在Apache 2.x使用moflate。Gzip大概可以节省70%的传输空间,目前互联网中有90%浏览器资料支持Gzip传输。

  提高博客性能方法七: 把JavaSCript 文件放在文档的最末尾,而把CSS文件放在之间。

       CSS放在之间会加快文档下载。在Yahoo!的研 究中发现,如果你把一个CSS文件置于文档内部,当浏览器加载到这个样式表时会终止所有文件的下载而单独下载它(一般的下载浏览器使用并行下载模式),这 是因为浏览器在下载到一个CSS文件后都要根据CSS内的规则重绘屏幕,这还会导致用户出现白屏。所以要把你所有的样式文件都放在最开始。而把 JavaScript文件放于末尾下载,一方面可以使用户首先获得文档内容,另一方面JavaScript文件的下载和其它文件不同,它不能和其它文件同 时下载,所有的JavaScript文件只有单独一个一个下载。所以在不影响使用的情况下,JavaScript文件要放在末尾加载。 [关于这点,我确实没有什么话好讲的,JS不同于其他的文件,如果网页中有JS需要在加载的时候运行,你能怎么办?说实话,如果不是用JS框架,这一点几乎不能实现,怎么可能把JS放在文件结尾呢?
CSS放在之间,我想指的应该是放在head之间吧]

  提高博客性能方法八: CSS和JavaScript文档要成为独立的外部文件。

       这是因为浏览器加载使用的是并行模式,一次可以加载多个内容,把CSS和JavaScript作为单独文件不但可以减小HTML文档的大小,而可以加快下载效率。 [关于这点,在yslow的介绍文件里也有说明,意思是如果有可能,请尽量为你的CSS中的图片和JS使用单独的域名,这样,即使出现404,也不会影响当前页面的下载,可以加快浏览速度,而且放到单独的域名里之后,也可以更方便的使用、设置过期时间什么的]

  提高博客性能方法九: 使用少量的域名。

      一般来说一个页面引用的文件(图片、Flash、CSS、JavaScript)不能多于四个主机,因为每多出一个域名就意味着多一个 DNS的查找,在浏览器查找DNS信息的过程中,浏览器由于不知道要访问的IP地址是什么,所以它什么都不做,只是在等待,所以DNS查找的次数越少,响 应速度就越快。 [这一点,我在yslow里面看到了,同样说明,如果我们要放广告的话,尽量使用同一个网站的广告,这样也能避免DNS查找花费太大的时间]

  提高博客性能方法十: 避免CSS中使用Expression。

      虽然功能很强大,但是它的计算频率太高,影响网站的整体性能。对于一个CSS Expression来说,即使你滚动一下屏幕它都要重新计算一次,甚至你移到一次鼠标它都要重新计算,所有一个CSS Express在页面中计算10000次是很容易的事情。 

       以上就如何提高博客性能方法提出的十条建议


说的虽然是提高博客性能,但几乎对每个网站的优化都有一定的好处。如果需要更详细的介绍,我想,应该是看那篇关于网页设计的14条军规(现在改为20条了),也可以通过yslow来进行检测,看看你的网站被打分多少。yslow的检测是根据以前的14条军规而进行检测的,现在还没有更新的20条。
所谓的军规也是yahoo那帮子人提出来的,现在也成为了一种规范,yslow就是在这个基础上进行开发,不过yslow是FF的插件哦,IE下面有httpwatch插件,可以清楚的看到网站的每一个页面加载花费了多少时间,在哪个文件或者图片上所花费的时间最长,那么就可以有针对性的进行更新了。

Tags: 性能, 分析, 博客, 转载

尝试放点广告

尝试在网站上放点广告,看看一个月后会有什么样的情况。。如果可以接受,就继续,不能接受就删掉。。本来就是无所谓,搞着娱乐一下的。

阿里妈妈的广告比较有特色,搞得和淘宝一样,看来马云他们搞淘宝是搞上瘾了,不知道这样会得罪多少人啊。。

同样,在淘宝上还有一些卖域名的,居然COM5年只卖80了,也不知道是真是假。com net org 域名 限时惊爆价5年80元,链接在这里,想试就试,这种东西不敢保证个人还是从新网或者啥网买,比较放心一点

看新闻有感

今天看新闻,标题让我感慨万分。我指的是比赛标题,编辑们总是喜欢从标题上来吸引人,这点无可厚非,长时间的看这种新闻,也几乎麻木了。今天我也来说说这些比赛方面的标题。

胜利的话怎么说?
大胜、力克、力擒、横扫、险胜、淘汰XX、冲出XX等
失败呢?
令人扼腕、惜败、惨遭[淘汰]、被XX痛击(胜利的时候亦可用痛击XX)、无缘、滑铁卢
平局呢?
惜平、坚守、坚持等等

个人水平有限,也懒得翻书了。以后有空再遇到就一点一点加上(其实还有好多,一时间也想不出)

很囧的几个图

关于俯卧撑这件事,不想多谈,也不能多谈,随便上点图吧。。。

 

图片附件:
大小: 28.28 K
尺寸: 100 x 100
浏览: 3187 次
点击打开新窗口浏览全图

图片附件:
大小: 93.67 K
尺寸: 280 x 191
浏览: 2931 次
点击打开新窗口浏览全图

图片附件(缩略图):
大小: 36.73 K
尺寸: 500 x 272
浏览: 2313 次
点击打开新窗口浏览全图

群内笑谈

.故事从这里开始。话说我们的石头。。……

饥饿的PHP新手 20:40:52
谁能加入我的开源项目呢?急需个人一起写,写不过来了
枫уè 20:42:20
目前能力不够
 饥饿的PHP新手 20:42:29
急需一个初级的
膘叔 20:42:30
我能力太差。
山越野猪 20:42:57
我初级都没到 刚入门 只会点echo 什么的
枫уè 20:43:39
会echo的就是初级了
枫уè 20:43:41
哈哈
枫уè 20:43:39
会echo的就是初级了
枫уè 20:43:41
哈哈
枫уè 20:43:48
我连echo都不会呢
 饥饿的PHP新手 20:43:51
太好了,就你了,教主的亲戚,加入吧
 饥饿的PHP新手 20:44:08
你在缔造一个新的微软王朝
 饥饿的PHP新手 20:44:15
以后操作系统都是php写的
山越野猪 20:44:23
我不会吹牛 对不起
枫уè 20:44:23
 
 饥饿的PHP新手 20:44:37
1年内打倒阿里巴巴,我们成立阿里爷爷网站
枫уè 20:45:47
2年内实现战略全球化.
3年内打倒gg
4年内打倒微软
5年后停工倒闭
枫уè 20:45:54
 
山越野猪 20:46:18
我看枫挺会吹的 叫他加入吧 适合你的项目
枫уè 20:46:41
我不会的,我是替我的偶像说的
 饥饿的PHP新手 20:48:22
很合适,你们两个加入吧,中和一下正好
枫уè 20:48:35
我连echo都不会啊
 饥饿的PHP新手 20:49:25
不会echo都能在程序员的岗位上混饭吃,你可以过来做推广了。。。
膘叔 20:50:15
我是编辑。谢谢。
 饥饿的PHP新手 20:50:37
教主给我维护商品吧,我要自己运作个商城,太好了,人才啊
枫уè 20:51:00
我没有人缘啊,不会推啊
膘叔 20:51:05
我又不是商品编辑。我是文章编辑。
 饥饿的PHP新手 20:51:18
太好了,我是用文章推商品的
枫уè 20:51:21
不过工具要你自己写,我来帮你点
山越野猪 20:51:26
我又不是程序员 我是学生
枫уè 20:51:28
教主帮你编辑
枫уè 20:51:34
学生正好
 饥饿的PHP新手 20:51:37
学生好,学生可以去学校卖
枫уè 20:51:43
拉帮结派去卖
山越野猪 20:52:04
卖yin?
 饥饿的PHP新手 20:52:05
跟学生说,一套给一千,另送学生会200,我一套软件就卖3000
膘叔 20:52:54
我不会写。只会编辑……
膘叔 20:52:58
你写好,我帮你编辑。
 饥饿的PHP新手 20:53:11
你们这帮混子。。。
枫уè 20:53:19
我们群真搞笑啊,哈哈哈哈
枫уè 20:53:34
我相信把我们的聊天记录发到博客上面会出现什么情况
 饥饿的PHP新手 20:53:43
可以试试看
山越野猪 20:54:09
那估计会有许多富×来找我买春
枫уè 20:54:29
偶像,找这个学生,我强烈推荐他
 饥饿的PHP新手 20:54:33
实现色×业全球霸主地位
枫уè 20:55:42
是是是
枫уè 20:55:47
偶像英明啊
枫уè 20:55:53
偶像万岁
 饥饿的PHP新手 20:56:04
教主在此,不许胡乱高呼
枫уè 20:56:10
偶像,我来领月薪了,不知道什么时候给我啊
枫уè 20:56:26
 
 饥饿的PHP新手 20:56:44
我让你的钱包月月新
膘叔 21:01:44
10元钱一个的路边货? 

 


over。。随便贴点。响应一下

Tags: focus, 笑谈