6招技巧提升网站速度(下)

By Brendan | Apr 29, 2008

4 。 CSS优化:现今的网站设计大多数都用CSS 。如果想加快网站速度,那么就必须为CSS瘦身了。 CleanCSS 是一个很好用的CSS在线工具,它会自动合并同类、清除无用与空白的代码。那么CSS是如何优化的呢?看看以下例子:

如果代码是:
Background-color: white;或者是Background-color: #ffffff;

那么CleanCSS会自动改成:
Background-color #fff;

如果代码是:
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;

那么会自动改成:
margin: 10px 20px 10px 20px;

这样一来就会有效的减少不必要的代码了。

5 。用斜线( / ):举个例子,当用户打开” http://www.domain.com/about “时,服务器将会检索about是属于文件(file)还是目录页面(page)。如果你包括一个斜线“http: //www.domain.com/about / ”。那么该服务器就立刻知道这是一个目录页面,这样可免去服务器检查的时间了。

6 。减少HTTP请求(request):当浏览器打开网页的每个物体(图像,文字和线条)时,浏览器将会一次次的通过HTTP到服务器请求这些物体。举个 例子,如果网页有10个图像,那么浏览器就须要发出10次的HTTP请求才可以得到全部的图像。这样一来,网站速度自然下降不少了。想要有效的提升速度的 话就一定要以减少不必要的物体、结合的CSS文件和脚本文件。例子如下:

如果您有3个Css文件:

<link rel=”stylesheet” type=”text/css” href=”/body.css” />
<link rel=”stylesheet” type=”text/css” href=”/side.css” />
<link rel=”stylesheet” type=”text/css” href=”/footer.css” />

那么您应该把它们结合为:
<link rel=”stylesheet” type=”text/css” href=”/style.css” />

文章源自:DailyBlogTips 翻译:博客秘籍

更多相關文章:

注意:請勿全文轉載,歡迎「部份引用」,請在文首註明轉載自"部落格秘籍"與此文章網址,謝謝。

如果你喜歡這篇文章,那麼你可以考慮以RSS訂閱本站文章吧.

你也可以通過Email訂閱文章

點擊下面的圖標,把此文章提交到您的書籤中,方便以後尋找 ^_^Y

 收藏到 :  365Key网摘 百特门网摘 博采网摘 博拉网 Del.icio.us 添加到Digg! 添加到我挖网digbuzz.com 添加到Facebook! Google书签 和讯网摘 I2Key网摘 igooi网摘 POCO网摘 奇贴 QQ娱乐摘 天极网摘 天下图摘 新浪ViVi 我摘 Yahoo书签 YouNote网摘

Comments »

No comments yet.

暱稱 (需填寫)
email (需填寫-不會外洩)
你的網站(可不填)
歡迎留下您的想法或意見 (smaller size | larger size)
您可以使用 <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Trackback responses to this post

© 2008 关于部落格秘籍 | 留言区 | 联络站长 | PassionDuo Theme | 31 queries in 0.646 seconds.