五招加速网页响应时间(3)
来源:Yeeyan 发布时间:2009-06-01 12:14:00
等级领域
让我们贯穿每个等级因素,下面是每个等级领域的简短秒速,以及如何解决这些问题实现最佳的性能。
减少HTTP请求:当网页从服务器获取文件的时候便有HTTP请求产生。范围包括脚本,CSS文件,图片以及asynchroneous客户端/服务端请求 (Ajax和其他变化的技术)。这是提及性能时的关键处,但是只需费点体力便能很容易解决。例如,尽可能的合并脚本,CSS,以及图像,在用户的机器上缓存文件常常有帮助。
添加期限头部: 80% 的页面加载时间都于下载脚本,图片以及CSS有关。 多数情况下,这些元素在用户的机器中不会发生改变,你可以通过在.htaccess中添加代码缓存在用户本地机器中(我们会在文章的后面对如何操作进行讨论)。
Gzip 部件: Gziping或者压缩JS文件,图片,HTML文档,CSS文档等等。用户可以下载较小的文件版本,增加网页的加载速度。 这样可以降低服务器的消耗,但是解压缩部件也可能导致页面响应变慢,这取决于用户的浏览器。
把CSS放在顶端: 把CSS文件放在网站的顶端,可以是网站尽可能同时加载其他部件,如图像和文字。
把js放在底端: 把CSS放在文档的头部,仅需要在关闭《boby》前插入js.在这些脚本在后台加载的同时,用户先得到看似完整的页面。
避免使用CSS表达式: 我从来没有使用过CSS 表达式 (被称之为动态特性), 这仅是IE专有的一个增加编程概念(如控制/有条件的结构)的CSS特性,截止到IE8,三叉戟布局引擎(在IE中使用的)不再提供支持。反正使用他们没有一个好想法。在某种程度上,我会基于不同的条件使用PHP脚本加载不同的CSS样式规则,例如一个随机数,一天的时间,或者浏览器。
外部调用JS与CSS: 将JS和CSS文件放在外部文件中,浏览器缓存他们要比每次调用拥有更快的页面加载速度。
减少DNS查找: 只要用户在浏览器的地址栏中键入域名,浏览器总会执行DNS查找IP地址,网站拥越多的入口位置,必要的DNS查找也会越多。尽可能的保持较低的水平,平均60-100毫秒进行一次DNS查询。
缩小JS: 不同于一般的gzip压缩,缩小js文档是去除不必要的空格, tabs, 和其他跟中跟杨的选择字符,减少文件的总尺寸,较小的页面可以获得更快的加载速度,你可以使用 JSMIN来缩小JavaScript.
避免重定向:无论是服务器端头重定向,js重定向,或者HTML元素重定向。你的网站都会加载空白的页面的头,然后再加载新的一页,用户为了获得需要的页面花费越来越多的时间,所以要不惜一切代价避免这种情况。
去除重复的脚本: 浏览器加载相同的脚本会增加页面的加载时间,这是非常简单的数学问题,更多的文件等于更多的加载时间。仔细检查你的网站,确保你没有调用两次或三次jQuery或者其他的脚本。
图 4: 部件标签。
部件标签 (如图 4)可以洞察增加网站加载速度的效果。在这里,你可以看到当前文档加载需要的时间,如果这些文件被压缩,响应的时间,以及假如他们缓存在用户的机器中和什么时候缓存过期。这是对网站很好的考核,衡量其性能与速度优化情况。最后,统计资料标签(如图 4),它向我们展示了所有的HTTP请求,同时下载的文档,以及缓存的文件。Empty cache显示了浏览器需要下载的呈现页面的文件。Primed Cache是另一方面,显示了已经存在于用户浏览器缓存中的文件列表,从而节省了浏览器不必再次下载文件的请求。
图 5: Stats tab.


猜你喜欢
- Apache Maven一个潜在的基于java的apache ant的构建工具的替代者。两者之间的比较:第一:ant脚本是可以直接运行在ma
- 网站描述,和网站关键词,标题一样,是网站和搜索沟通的一个重要途径。但目前不管是百度还是Google,对网站描述的权重都在不断的降低,搜索越来
- Dash,有“冲撞,锐气,精力,干劲”之意,VeryCD站长黄一孟网名就是Dash,他的身上也名副其实有着这样的精神。黄一孟的父亲从事体育运
- 除了可以在html邮件中直接嵌入脚本程序外,攻击者还可以设计一些html代码,在用户打开html邮件时,不知不觉引入另一个html文件,而此
- 在广大站长的期盼下,康盛创想(Comsenz)旗下的UCenter Home(简称UCHome)新版本即将推出,新版本的测试受到广大站长的密
- 前面不重要的步骤人人都有,我也一样的,用哈别人的,后面的关键地方是原创,注意看,正向,反向都有,详细解答,觉得能行,整合其实是共用注册页,登
- 说到百度贴吧推广中国亚龙是最熟悉不过了,07年有两个月专职做这个,虽然现在没有以前在百度帖吧推广那么疯狂,但到现在也从未间断过。现在就和大家
- 北京时间9时52分,搜狐公司董事局主席兼首席执行官张朝阳从第十棒火炬手Douglas Jackson手中接过奥运火炬,完成了第11棒火炬手传
- 进程描述进程描述符(task_struct)用来描述进程的数据结构,可以理解为进程的属性。比如进程的状态、进程的标识(PID)等,都被封装在
- 【虚拟机】VirtualBox简体中文版下载安装使用图解教程此教程用的是VirtualBox 4.1.2.74291版本。运行环境:WinX
- 2.5 版本之前 WordPress 可以使用文件缓存,你可以在在 wp-config.php 文件添加 define('ENABL
- 由SiteServer CMS、中国站长站联合主办,中电数据、创意在线协作举办、站长 * 别支持的“2010,我爱SiteServer CMS
- 1、经常换网站程序。有很多新手在接触网站的时候,因为对SEO没有太深的了解,往往凭借个人喜好,经常变更网站程序。殊不知网站建成之初,蜘蛛就形
- “很黄,很暴力”事件发端于mop网(www.mop.com)并非偶然,这是mop所提倡的“BT文化”结下的又一个“怪胎”。最近几年来,以互联
- 在WordPress博客里,有三个名词估计很多博友都不是很了解,也有博友经常性的使用这些功能,或许也有每次只是一眼带过的而已。其实Ping、
- 以调试模式运行脚本通过bash -x <script>的方式可以在调试模式下运行整个脚本, bash会在在运行前打印出了每一行命
- 如果要问做什么事是最有吸引力,那就是创建Web应用。毕竟,上次你听到有人称赞某产品的交互设计是什么时候的事了?(除了iPod之外) 它们都很
- 最近google补充材料特别多,我个人感觉是google的算法有所调整,更多的网页被打入冷宫成为补充材料。在“Google“补充资料”成因及
- 时下的互联网上网站多如牛毛,网站都在千方百计进行优化,进行推广。对于一个行业来说,行业类型的网站要达到门户级,就必须要在这个行业中有一定的影
- ZAC这2天关注的SEO话题是关键词布局,对于这个话题,KYW感受颇多,来说说我最不喜欢的关键词呈现方式,我想搜索引擎也不会喜欢的。第一种,