Category

Archive for the 'web development' Category

WebDeveloper 常用的firefox插件

网页开发人员常用的firefox插件:

外加实用的firefox插件:

High Performance Kick Ass Web(高性能牛×网页?)

Stoyan Stefanov在JSConf 2009的演讲 - High Performance Kick Ass Web
主要从前端开发角度阐述了如何使网页性能更高效。PPT如下:

网页性能之 204 No content

有许多时候你需要向服务器发送一个请求,但并不关心服务器返回的内容。这通常用来做一些服务器统计(log)工作。如你请求一个1*1像素的gif文件,并将一些参数传给这个图像的地址(src e.g htp://example.org/blank.gif?user=stoyan&browser=msie&creditcard=123JUSTKIDDING567)

这种1像素的gif图通常称为”web bugs” 或”beacons”。但这种做法也被用于一些卑劣的目的,比如在邮件里嵌入一张这种图片,就可以知道用户有没有阅读这封广告邮件。

既然我们不需要服务器返回信息,那么我们能不能节省掉这部分没必要的网络流量呢?蚂蚁也是肉,不积跬步何以成江河?答案是可以的。
我们只需要在访问的地址或接口返回一个204 No content header即可。

比如我们的请求地址是:
htp://example.org/nope.php?user=stoyan&browser=msie&creditcard=123JUSTKIDDING567

nope.php 代码如下:

  1. <?php
  2. // …. log whatever you need to log, then reply:
  3. header(“HTTP/1.0 204 No Content”);
  4. ?>

下面是firebug net 面板的结果
204.png

google 搜索的 beacon
g-beacon.png

另一个有用的204应用是网站的 favicon,你的网站没有或不想使用favicon,你可以配置apache使浏览器访问favicon的时候返回204而非404 header,对于为用户提供子域名的网站比较有用,因为浏览器会默认请求每个子域名下的favicon。