如何提高网站页面打开的速度
图片、css、script、flash等等这些都会增加http请求数,减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文件,页面里直接写入图片也是不好的做法,应该写进CSS里,利用CSS sprites将小图拼合后利用background来定位。
2.Use a Content Delivery Network利用CDN技术
CDN确实是好东西,8过服务器提供商的这项服务一般是要收费的,我以前买的国内空间是有这个的但是我当时根本不知道啥用,现在没了。。。
3.Add an Expires or a Cache-Control Header设置头文件过期或者静态缓存
浏览器会用缓存来减少http请求数来加快页面加载的时间,如果页面头部加一个很长的过期时间,浏览器就会一直缓存页面里的元素。不过这样如果页面里的东西变动的话就要改名字了,否则用户端不会主动刷新,看自己衡量了这项可以通过修改.htaccess文件来实现。
4.Gzip Components Gzip压缩
Gzip格式是一种很普遍的压缩技术,几乎所有的浏览器都有解压Gzip格式的能力,而且它可以压缩的比例非常大,一般压缩率为85%。压缩没压缩,可以到这里做下测试。
5.Put Stylesheets at the Top把CSS放顶部
让浏览者能尽早的看到网站的完整样式。
6.Put Scripts at the Bottom把JS放底部
网站呈现完毕后再进行功能设置,当然这些JS要在你的加载过程中不影响内容表现。
7.Avoid CSS Expressions避免CSS Expressions
CSS表达式很可怕,这个只被IE支持的东西执行时候的运算量非常大,你移动一下鼠标它都要进行重计算的,但有时候为了做浏览器的兼容必须要用到这个||| IE6去死去死!
8.Make JavaScript and CSS External将JS和CSS外链
前面讲到了缓存这个事情,一些较为公用的JS和CSS,我们可以使用外链的形式,譬如我就是从Google外链来的Jquery文件,如果我的浏览者在浏览别的使用了这个外链文件的网站时已经下载并缓存了这个文件,那么他在浏览我的网站的时候就不需要再进行下载了!
9.Reduce DNS Lookups减少DNS查找
貌似是要减少网站从外部调用资源,我的Google分析和picasa的外链图片都算在里面了。
0.Minify JavaScript and CSS减小JS和CSS的体积
写JS和CSS都是有技巧的,用最少的代码实现同样的功能,减少空白,增强逻辑性,用缩写方式等等,当然也有不少工具也能够帮你实现这一点。
. Avoid Redirects避免重定向
再写入链接时,虽然 www. today-s-ooxx. com 和 www. today-s-ooxx. com/ 仅有一个最后的 / 只差,但是结果是不同的,服务器需要花时间把前者重定向为后者然后进行跳转,这个要自己注意,也可以在Apache里用Alias或者mod_rewrite或者DirectorySlash解决。
2. Remove Duplicate Scripts删除重复脚本
重复调用的代码浏览器并不会识别忽略,而是会再次运算一遍,这当然是大大的浪费。
3. Configure ETags配置ETags
搞不清楚咋回事,总之我是在. htaccess里把它删除了。
4. Make Ajax Cacheable缓存Ajax
Ajax是实时响应的,在浏览器接收到新的数据前,旧的数据被缓存,这样能够更好的提高效率。
5. Flush the Buffer Early尽早的释放缓冲
当用户进行页面请求时,服务器端需要花费200到500毫秒时间来拼合HTML,将写在head与body之间,释放缓冲,这样可以将文件头先发送出去,然后再发送文件内容,提高效率。
6. Use GET for AJAX Requests用GET方式进行AJAX请求
Get方法和服务器只有一次交互(发送数据),而Post要两次(发送头部再发送数据)。
7. Post-load Components延迟加载组件
最先加载必须的组件进行页面初始化,然后再加载其他,YUI Image Loader是很好的例子。
8. Preload components预加载组件
提前加载以后可能用到的东西,和延迟加载并不冲突,它的目的是为后续请求提供更快的响应,参见Google首页上的CSS sprites应用。
9. Reduce the Number of DOM Elements减少DOM元素数量
复杂的页面结构意味着更长的下载及响应时间,更合理更高效的使用标签来架构页面,是好的前端的必备条件。
20. Split Components Across Domains跨域分离组件
页面组件多个来源可以增大你的平行下载量,但注意不要过多,超过2-4个域名会引起上面说到的DNS查找浪费。
2 . Minimize the Number of iframes减少iframe数量
需要更有效的利用ifames。
iframe优点:有利于下载缓慢的广告等第三方内容,安全沙箱,并行下载脚本
iframe缺点:即使为空也会有较大资源消耗,会阻止页面的onload,非语义
22. No 404s不要出现404页面
站点本身里(非搜索结果)出现404页面,无意义的404页面会影响用户体验并且会消耗服务器资源。
23. Reduce Cookie Size减小Cookie
Cookie在服务器及浏览器之间的通过文件头进行交换,尽可能减小Cookie体积,设置合理的过期时间,能够很好的提高效率。
24. Use Cookie-free Domains for Components对组件使用无Cookie的域名
对静态组件的Cookie读取是一种浪费,使用另一个无Cookie的域名来存放你的静态组件式一个好方法,或者也可以在Cookie中只存放带www的域名。
25. Minimize DOM Access减少DOM的访问次数
JS访问DOM是很慢的,尽量不要用JS来设置页面布局。
26. Develop Smart Event Handlers开发灵活的事件处理句柄
DOM树上过多的元素被加入事件句柄的话,反应效率肯定会低,YUI事件工具有一个onAvailable方法可以帮助你灵活的设置DOM事件句柄
27. Choose link over @import使用 link 而非@import
在IE中使用@import就和在页面底部用 link 一样,我们前面说要把 link 放顶部的。
28. Avoid Filters避免过滤器的使用
如果需要Alpha透明,不要使用AlphaImageLoader,它效率低下而且只对IE6及以下的版本适用,用PNG8图片。如果你非要使用,加上_filter以免影响IE7+用户。
29. Optimize Images优化图片
将你的GIF转为PNG8会是个减小体积的好办法,另外有很多方法处理你的JPG及PNG图片以达到优化效果。
30. Optimize CSS Sprites优化CSS Sprites
在CSS Sprites中竖直并尽量紧凑的排列图片,尽量将颜色相似的图片排在一起,会减小图片本身的大小及提高页面图片显示速度。
3 . Don t Scale Images in HTML不要在HTML中缩放图片
图片要用多大的就用多大的, 000X 000的图片被width= 00 height= 00 以后,本身的KB数是不会减少的。
32. Make favicon. ico Small and Cacheable缩小favicon. ico的大小并缓存它
站点的浏览器ICO应该不是经常换吧,那就长时间的缓存它,并且最好控制在 K以下。
33. Keep Components under 25K保证组件在25K以下
iPhone不能缓存25K以上的组件,并且这还是要在被压缩前。
34. Pack Components into a Multipart Document将组件打包进一个多部分的文档中
天也网络总结以上方法可以提高页面的加载速度,上海网站建设
推荐资讯
更多资讯 -
admin
天也网络做网站常用的开发语言
目前,最常用的四种动态网站建设语言有:ASP、ASP.net、PHP网页从开始简单的hmtl到复杂的服务语言,走过了10多个年头,各种技术层出不穷,单个的主流技术也在不断翻新的版本,现在分析下各种语言的区别、优势、劣势、开发注意事项!
-
admin
网站建设采用静态页面好还是动态页面好
静态网页的缺点在于其管理维护和交互功能方面的限制,静态网页的优点在于信息内容的稳定性,这为搜索引擎在网上索引网页信息提供了方便。网站建设采用静态网页形式只是有助于搜索引擎索引信息,但并不意味着只要是静态网页就一定会被搜索引擎收录,而动态网页就一定不会被搜索引擎收录
-
admin
天也网络做网站技巧之内容原创
内容原创,很多SEO都会认为原创要求太高,费时且费脑子。于是乎就出现了一个新词伪原创,我们先看看伪原创的意思:所谓伪原创就是把一篇文章进行再加工,使其让搜索引擎认为是一篇原创文章,从而提高网站权重
-
admin
企业网站建设-为什么要注册一级域名
Internet域名是Internet网络上的一个服务器或一个网络系统的名字,网络使用者通过域名能到达某一个网站。企业建立自己的网站,就会得到一个具有商注价值的网址(域名),其中可以包含企业的名称、行业和所属国家等等信息。域名的直接作用相当于电话号码,但间接意义更大,可以印到宣传品或媒体广告上,吸引人们访问企业网站。
-
admin
天也网络网站设计流程
天也网络网站设计流程一,客户提出网站建设需求: 客户通过电话、电子邮件或在线QQ、MSN等方式提出自己网站建设、网站制作方面的"基本需求"。二,我公司提供"网站设计,网站建设,网站制作解决方案和建设此网站的报价和建设网站所需要的日期":回答客户的咨询,对建设网站客户的需求予以回复,提供实现 网站建设方案和报价供客户参考和选择。
-
admin
上海网站建设网站推广的方式
上海网站建设网站推广的方式搜索排名优化,百度,google的优化,针对,音乐,mp3,下载,电影,游戏等一级,二级,甚至关键字优化。Seo介绍的网站很多,就不在这里重复介绍网摘入库法,现在已经有人将做程序,将自己的站的内容集体送到网摘里了,厉害的获得几万/ip都很轻松的事
-
admin
互联网信息服务管理办法
互联网信息服务管理办法第一条为了规范互联网信息服务活动,促进互联网信息服务健康有序发展,制定本办法。 第二条在中华人民共和国境内从事互联网信息服务活动,必须遵守本办法。本办法所称互联网信息服务,是指通过互联网向上网用户提供信息的服务活动。
-
admin
中国互联网络域名管理办法
中国互联网络域名管理办法《中国互联网络域名管理办法》已经2004年9月28日信息产业部第8次部务会议审议通过,现予公布,自2004年12月20日起施行。 第一条 为促进中国互联网络的健康发展,保障中国互联网络域名系统安全、可靠地运行,规范中国互联网络域名系统管理和域名注册服务,根据国家有关规定,参照国际上互联网络域名管理准则,制定本办法。