广州建网站贴士:高性能网站建设的黄金规则

您所在的位置: 首页 > 新闻动态 > 网站建设

建网站贴士:高性能网站建设的黄金规则

发表日期:2011年8月17日文章编辑:广州建网站www.3goweb.cn   网页设计-网站制作浏览次数:1404关键词: 网站建设

广州建网站贴士:高性能网站建设的黄金规则

广州建网站贴士:高性能网站建设的黄金规则

性能是任何一个网站成功的关键,然而,如今日益丰富的内容和大量使用ajax的web应用程序已迫使浏览器达到其处理能力的极限。

如何建设高性能网站建设,广州建网站公司三行的黄金规则是:首先优化前端表现,这些东西耗费了用户端响应时间中的80%。

1、减少http请求数

图片,css,script,flash,等等这些都会增加http请求数,减少这些元素的数量能减少响应时间。

CSS Sprites技术能减少图片的请求数,把零散的小图片放到一起,运用background-position来改变背景图片的位置,前提是html元素事先定义好宽高,其实就像一个遮罩,移动背景就会看到不同的景象。

内嵌图像 用data:URL scheme的方式把图片内容代码直接嵌入html代码中,这样会增大html代码的体积,改进的方式是把内嵌图片嵌入到css中(css被缓存),这样就会更好的减少http请求数而且不增大html的体积。

很多用户都是在空缓存的情况下进入你的网站的,这样第一次的速度就会显得很重要。

第一条规则是最重要的一条规则。

2、运用cdn技术

3、加一个长时间过期的头部

Expires: Thu, 15 Apr 2010 20:00:00 GMT

浏览器会用缓存来减少http请求数来加快页面加载的时间,假如页面头部加一个很长的过期时间,浏览器就会一直缓存页面里的元素。
不过这样会带来一个问题,就是假如页面里的东西变动的话就要改名字了,否则用户端不会主动刷新,在yahoo工作组用的是版本号,例如yahoo_2.0.6.js

4、Gzip压缩

Gzip是现在最流行和最有效的压缩方式,她是GNU开发的,RFC1952标准化。

(Gzip是在服务器端压缩图片,css,脚本等,传送到用户端的浏览器再解压,这样可以提高传输速度,不过对服务器的压力会增大,一般选择部分元素压缩比较合适。)

5、把样式表放到顶部

我们发现把css放到文档头部会让网页加载得更快。因为这样可以让页面逐渐加载。

把样式表放到接近底部的问题是它阻止了页面元素的逐渐显示。这样还会导致“flash of unstyled content” 即在样式表加载之前页面内容是以没有样式的形式显示出来的,待加载完样式后,页面重绘,内容一闪即改变了样式表现。

6、把脚本放到底部

把脚本放到尽可能底部的地方,一个原因是让页面逐渐渲染,另一个是实现更好的并行下载。

对于脚本,脚本以下的内容被阻止逐渐加载了,因为只有当下载完脚本以后才会下载下面的内容,第二个脚本引起的问题是阻止平行下载。 "http/1.1 specification"建议浏览器对一个域名, 同一时间下载数不超过2个(按:实际监测发现一般有超过2个),我曾经让ie并行下载100个图片。 当脚本正在下载的时候,浏览器不会开始下载任何东西。

关键词标签: 广州建网站贴士:高性能网站建设的黄金规则

本文系三行网络原创,转载请注明来自 (广州建网站www.3goweb.cn) 联系电话:020-85628720、15915767698

上一篇: 建网站采用CSS将成为网页设计师必备知识之一    下一篇: 建网站中对于web标准和W3C XHTML规范的理解

网站建设方案

CASE最新案例
WEB网站建设资讯
  1. [广州] 在京东商城能自己开店吗?像淘宝、天猫那样
  2. [广州] 公司想做个跨境电商外贸展示型网站,大概多
  3. [广州] 做百度竞价推广,过滤多次点击的方式是怎样
  4. [广州] 网站建设如何让网页兼容IE6、IE7、I
  5. [广州] 公司想建个企业wap网站咋么弄?制作在手
  6. [广州] 做个公司网站需要准备什么资料,建站费用?
APP手机应用开发资讯
  1. 情侣APP软件开发记录爱倩的珍贵点滴
  2. 零售百货app开发_投合年轻人花费习惯
  3. 跑步类app开发为什么难以盈利
  4. 美甲APP开发:商家入驻,让用户筛选店家
  5. 中小企业要把握移动互联网时代的发展潮流
  6. 移动APP应用空前发展让用户衣食住行更加
广州建网站公司【三行网络】咨询热线:020-85628720

扫一扫加微信
QQ咨询 QQ咨询
TOP