页面:m.babytree.com/ask
建议:
1.降低网络负荷
1.1缩小图片尺寸:
100-1.png:由252*100 缩小到 127*50
100-2.png:由272*100 缩小到 127*50
Pregnancy.png: 由144*144 缩小到 72*72
1.2压缩以下资源
图片名称:icon-mak.jpg,icon-weixin.jpg,100-1.png,100-2.png,
JS文件:myurchin.js,stat.js
Html文件:ask
2.减少延迟
2.1body中含有css内容
2.2指定图片大小
100-1.png,100-2.png,pregnancy.png
2.3HTTP标头中指定字符集
3.其它
主机babytreeimg.com 应启用 Keep-Alive
在 HTTP 标头中为静态资源启用公共缓存
指示代理服务器缓存资源的两个版本:压缩版与未压缩版。这样有助于避免公共代理无法正确检测Content-Encoding 标头的问题
在网页的头部分增加,浏览器解析的时候会直接按照指定进行解析,加快了网页的解析速度。如:
显式设置图片的宽高 不管是<img>里面还会CSS里面务必设置图片大小 如果图片大小没有规定或者实际大小和制定的大小不一致时浏览器要下载好这个图片以后纠正并重新显示 这个很好资源的
HTTP头信息
头信息由“键:值”组成。它们描述客户端或者服务器的属性、被传输的资源以及应该实现连接。四种不同类型的头标
通用头标:即可用于请求,也可用于响应,是作为一个整体而不是特定资源与事务相关联。
请求头标:允许客户端传递关于自身的信息和希望的响应形式。响应头标:服务器和于传递自身信息的响应。实体头标:定义被传送资源的信息。即可用于请求,也可用于响应。头标格式:<name>:<value><CRLF>
Accept
定义客户端可以处理的媒体类型,*/* 表示任何类型,type/* 表示该类型下的所有子类型。
Accept-Charset
定义客户端可以处理的字符集
Accept-Encoding
定义客户端可以理解的编码机制,通常指定压缩方法,是否支持压缩,支持什么压缩方法(gzip,deflate)
Accept-Language
定义客户端乐于接受的自然语言列表。例如:Accept-Language: en,de
Accept-Ranges
WEB服务器表明自己是否接受获取其某个实体的一部分(比如文件的一部分)的请求( bytes:表示接受,none:表示不接受)
Age
当代理服务器用自己缓存的实体去响应请求时,用该头部表明该实体从产生到现在经过多长时间了,以秒为单位。
Authorization
当客户端接收到来自WEB服务器的 WWW-Authenticate 响应时,用该头部来回应自己的身份验证信息给WEB服务器。
Cache-Control
一个用于定义缓存指令的通用头标。
Connection
一个用于表明是否保存socket连接为开放的通用头信息。例如:Keep-Alive:300Content-Encoding
WEB服务器表明自己使用了什么压缩方法(gzip,deflate)压缩响应中的对象。
Content-Language
WEB 服务器告诉浏览器自己响应的对象的语言。
Content-Length
WEB 服务器告诉浏览器自己响应的对象的长度。
Content-Range
WEB 服务器表明该响应包含的部分对象为整个对象的哪个部分。
Content-Type
WEB服务器告诉浏览器自己响应的对象的类型。
Date
发送HTTP消息的日期和时间。
ETag
就是一个对象(比如URL)的标志值,,ETag 的作用跟 Last-Modified 的作用差不多,主要供 WEB 服务器判断一个对象是否改变了。
Expired
WEB服务器表明该实体将在什么时候过期,对于过期了的对象,只有在跟WEB服务器验证了其有效性后,才能用来响应客户请求。
Host
被请求资源的主机名。对于使用HTTP/1.1的请求而言,此域是强制性的。
If-Match
如果对象的 ETag 没有改变,其实也就意味著对象没有改变,才执行请求的动作。
If-None-Match
如果对象的 ETag 改变了,其实也就意味著对象也改变了,才执行请求的动作。
If-Modified-Since
如果请求的对象在该头部指定的时间之后修改了,才执行请求的动作(比如返回对象),否则返回代码304,告诉浏览器该对象没有修改。
If-Range
浏览器告诉 WEB 服务器,如果我请求的对象没有改变,就把我缺少的部分给我,如果对象改变了,就把整个对象给我。浏览器通过发送请求对象的 ETag 或者 自己所知道的最后修改时间给 WEB 服务器,让其判断对象是否改变了,必须跟 Range 头部一起使用。
Last-Modified
WEB 服务器认为对象的最后修改时间,比如文件的最后修改时间,动态页面的最后产生时间等等。
Location
WEB服务器告诉浏览器,试图访问的对象已经被移到别的位置了,到该头部指定的位置去取。
Pramga
一个通用头标,它发送实现相关的信息,主要使用 Pramga: no-cache,相当于 Cache-Control: no-cache。
Proxy-Authenticate
代理服务器响应浏览器,要求其提供代理身份验证信息。
Proxy-Authorization
浏览器响应代理服务器的身份验证请求,提供自己的身份信息。
Range
浏览器(比如 Flashget 多线程下载时)告诉 WEB 服务器自己想取对象的哪部分。
Referer
浏览器向 WEB 服务器表明自己是从哪个 网页/URL 获得/点击 当前请求中的网址/URL。
Server
WEB 服务器表明自己是什么软件及版本等信息。
User-Agent
浏览器表明自己的身份(是哪种浏览器等信息)。
Transfer-Encodin
WEB服务器表明自己对本响应消息体(不是消息体里面的对象)作了怎样的编码,比如是否分块
Vary
WEB服务器用该头部的内容告诉 Cache 服务器,在什么条件下才能用本响应所返回的对象响应后续的请求。
Via
列出从客户端到 OCS 或者相反方向的响应经过了哪些代理服务器,他们用什么协议(和版本)发送的请求