YAOHAIXIAO.COM

HTML(5),CSS(3),JavaScript,DOM,Ajax,JSON,Front-end technologies & Yaohaixiao

热门标签:JavaScript Performance 前端开发 前端性能优化 原创

Rss

Home » Frontend » Performance » 前端性能优化:Avoid HTTP 404 (Not Found) error

前端性能优化:Avoid HTTP 404 (Not Found) error

今天要介绍的YSlow前端性能优化规则是:Avoid HTTP 404 (Not Found) error(避免404错误)。

404 (Not Found) error 带来的性能问题

HTTP requests are expensive so making an HTTP request and getting a useless response (i.e. 404 Not Found) is totally unnecessary and will slow down the user experience without any benefit.

YSlow的文章翻译过来就是,HTTP 请求(性能消耗)是昂贵的,所以请求一个404的资源是彻头彻尾的浪费。请求一个 404 页面是没有用户体验没有任何益处的。YSlow 也提到了我们一些网站常用的自定义的404错误处理。

Some sites have helpful 404s “Did you mean X?”, which is great for the user experience but also wastes server resources (like database, etc). Particularly bad is when the link to an external JavaScript is wrong and the result is a 404. First, this download will block parallel downloads. Next the browser may try to parse the 404 response body as if it were JavaScript code, trying to find something usable in it.

对这些“helpful 404s”,虽然对用户体验是有所帮助,不过请求出现404仍旧是会消耗服务器资源的。尤其是请求一个外部的JavaScript文件,如果出现404错误,首先会阻断页面加载器其它组件(《前端性能优化:Put JavaScript at bottom》中介绍了JavaScript是如何阻断页面加载其它组件的),然后页面还会在返回的404错误页面中查询是否有有用的JavaScipt代码可以执行,这个也是会影响前端性能的。

Avoid HTTP 404 (Not Found) error

鉴于 404 错误对前端性能的影响,我们一定要避免页面请求的组件中出现404错误,从而优化前端性能。查找 404 错误的最好方法,是使用Firebug之类的网络组件分析工具,查看页面中的HTTP Requests中是否存在 404 状态码,如果有请将地址更新为正确的URL地址。

声明:本文采用BY-NC-SA协议进行授权。转载请注明转自:前端性能优化:Avoid HTTP 404 (Not Found) error

« »

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(Spamcheck Enabled)