近由于需要数据来测试一些HTML SVG的绘图工具的性能,想到运用新浪微博的API调用个人数据构成‘朋友’和‘粉丝’的关系图。假设以个人为中心,我的朋友和粉丝是与自己相连的节点… 每一个人代表一个节点,我个人位于中间的节点。在这个数据组里面,连接自己的节点数量较多,中心的点weight递加之后,便形成较大的节点。图1有遗漏一些信息,比如节点并不能说明这个粉丝也同时是我的朋友,也许此人是我的粉丝而我们却没有互相关注。图2和图3就可以显示出更近一部的关系 [...]
CSS优化:减少HTTP Requests
大多数的前端用户都会遇到一个问题,那就是下载速度。对于网络优越的用户,不是问题,但是考虑到移动用户或者是网络条件较差的使用者,最终要的是速度。现在的网站有很多的内容,比如Flash, 图像,声音,JavaScript等等都会减慢页面下载速度。 最基本的优化方法是减少客户端对HTTP Requests。有很多方法可以实现: 使用单个文件。就是说尽量把多个文件的CSS,或者JavaScript放到一个文件里面。虽然有时后我们需要不同的样式在不同的界面,但是在开发过程中能尽量考虑到这个问题,会给减少页面反馈等待时间。 显示图片的局部。如果一个按钮在hover和link的状态用不同的图,大多的方法是利用2个图片来实现鼠标的反馈。其实利用 background-image 和 background-position CSS属性可以实现用显示图片的局部。这样其实页面只做了一次对服务器的Request. 图片定义放在CSS中。如果显示图片的时候把图片插入到页面,这样会使得文本档尺寸增大,增加下载时间。我们可以把图片定义尽量放在缓存的CSS中,这样第一可以减少页面大小,也减少了http requests. 减少Http request是一个最好的性能优化起点。经过一些调查,百分之40-60的用户基本上是带着干净的缓存访问网站的,给他们的第一感觉一定是要页面装载迅速。
