YSLOW性能测试前端调优23大规则(16)避免空链接 Foreknew

YSLOW性能测试前端调优23大规则(16)避免空链接 Foreknew

关于空链接的通常会有两种方式,第一种模式是直接的HTML的空链接。

<imgsrc=""> 

第二模式是使用JavaScript动态的设置src属性。 

varimg=newImage(); 

img.src=""; 

这两种模型写出来的空链接的影响是一样的,但是对于不同的浏览器来说会有所不同。 

1)InternetExplorer向页面所在的目录发出请求。例如,如果您运行的页面http://192.168.40.128:8091/ECShop_V2.7.3_UTF8_release0411/upload/test1.html,由于空链接找不到图片,所以会向http://192.168.40.128:8091/ECShop_V2.7.3_UTF8_release0411/upload发送请求来查找图片。HTTP请求如图所示。 

2)Firefox和Chrome会向实际页面提出请求。例如运行的页面http://192.168.40.128:8091/ECShop_V2.7.3_UTF8_release0411/upload/test1.html,如果使用Firefox或Chrome浏览器就只会向这个页面发送请求,请求的是test1.html文档,图片的请求会被忽略,如图所示。 

所以当页面中存在图片空链接时,可能会导致以下两个问题: 

第一:可能出现流量峰值。例如上面的例子,访问http://192.168.40.128:8091/ECShop_V2.7.3_UTF8_release0411/upload/test1.html页面,如果这个页面中包含空图片链接,那么就会对根目录进行再次发送请求,这样相当于访问服务的流量增加了一位。 

如果是一个小型网站,访问量不是很多的话,请求从1000变成2000这样服务器也不会出现太大问题,但如果网站每天的流量很大时,上百万的流量时,那么由于图片空链接导制流量成倍增长时,那么对服务器的的性能就会产生很大的影响。 

第二:用户状态可能受损。如果您通过cookie或其他方式跟踪请求中的状态,则可能会破坏数据。即使图像请求未返回图像,浏览器也会读取并接受所有标头,包括所有cookie。虽然其余的响应被丢弃,但可能已经造成了损害。 

正常情况下不会写出图片空链接的情况,但是如果出现以下情况就可能出现图片空链接的情况,如以下代码: 

<imgsrc="$imageUrl"> 

如果$imageUrl是由其它代码调用而已来,并且$imageUrl的代码存在问题,那么就会出现图片空链接的现象。 当然要解决图片空链接带的问题,那么最好的方法显然是完善代码,在代码中消除页面中的违规代码。如果我们不能保证代码中是否会出现图片空链接的情况,那么可以尝试在服务器上检测空链接并中止任何进一步的执行。下面是一个PHP的检测代码。 

<?php 

$referrer=isset($_SERVER['HTTP_REFERER'])?$_SERVER['HTTP_REFERER']:''; 

$url="http://".$_SERVER['HTTP_HOST']Â.$_SERVER['REQUEST_URI']; 

if($referrer==$url){ 

exit; 

?> 

上面代码的目的是检测页面是否引用自身,如果有引用自身,那么就立即退出,并阻止服务器执行任何其他操作。另一种选择,就是记录已发生的情况,并进行分析。 尝试在服务器上检测此类请求的另一种方法是查看HTTPAccept标头。除IE之外的所有浏览器都会Accept为图像请求发送不同的HTTP标头,而不是HTML请求。例如,Chrome会Accept为HTML请求发送以下标头,如以下Accept请求。 Accept:application/xml,application/xhtml+xml,text/html;q=0.7,text/plain;q=0.3,image/png,*/*;q=0.6 Firefox和Chrome浏览器都会使用Accept为HTML请求发送一些内容以上面大致相同的标头,这样可以去判断我们要的内容是否存在,例如判断“image/png”的内容,但是对于IE浏览器只会发送所有请求中最后一个请求的Accept头的内容,这样就无法在服务器上区分它。对于IE以外的浏览器,您可以使用以下内容: 

<?php 

if(strpos($_SERVER['HTTP_ACCEPT'],'text/html')===false){ 

exit; 

?> 

之所以会出现图片空链接的问题是由于浏览器中执行URI解析方式引起的,在RFC3986统一资源标识中定义,当遇到空字符串作为URI时,浏览器解析时会认为是相对URI。 这其实是浏览器的一个严重缺陷,当然浏览器都在尝试不断的解决这个问题。在HTML5中添加了<imag>标记src属性的描述,以指示不要再额外的增加其它的请求。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,907评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,987评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,298评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,586评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,633评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,488评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,275评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,176评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,619评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,819评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,932评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,655评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,265评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,871评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,994评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,095评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,884评论 2 354