
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 翻译:博客秘籍
No comments yet.