应该IT168写的专稿;http://tech.it168.com/j/2007-09-19/200709191556778.shtml
JavaScript是Widgets应用的瓶颈吗？
在过去的一年或者现在，互联网已经显示出，因Widgets的使用而呈现爆炸式趋势。Widget如今已是大行其道，当然也少不了“2007年将是Widget年”这样的呼声。
少量的几行JavaScript代码就可以使自己的Blog面貌焕然一新，这也许就是JavaScript在Blog时代流行的成功之处。从而，各种Blogging技术也是层出不穷，你方唱罢我登场。Widgets、共享小工具、访问跟踪、广告等等。很多情况下，Blogger们只是为了追求新玩意而在自己的Blog上写上几行JavaScript代码，殊不知，许多这样的小玩意拼在一个页面里的时候，它们成了页面加载的瓶颈。那么，JavaScript成了Web 的瓶颈了吗？其解决办法或出路在哪呢？这些正是本文所要探讨的内容。在本文中，只讨论基于Web的Widgets，不涉及其他的桌面Widgets（Desktop Widgets），比如Yahoo和Microsoft的Vista等。
一、 引言
随着网络的发展，Blogger数量飞速增长，很多Blogger都很关注自己Blog的美化，在这种需求下面，出现了很多提供Wdgets服务的网站，只要把相应的Widgets代码插入Blog相应位置，就可以得到漂亮的效果。
Widgets gallery ：提供很多漂亮Widgets；
Widgetbox：为网站或Blog提供Widgets的服务；
GoodWidgets：提供在Blog显示Flickr图片服务的Widgets；
…………………..
这样的信息在网上是一查一大堆。
在物理学上有种现象叫非线性振动。当不同的力量相互作用时，其结果并非线性的进行叠加，而是难以预测。而这在软件行业也不例外——当将许多的组件放堆在一块的时候，最后连自己都弄不明白到底想要做什么了。在Blog上，加载了许多Widgets的页面，每个组件都是独立的运作，以达到充分的吸引浏览者的目的。然而，结果往往是，这种看似丰富而其实是杂乱无章的东西，不但让浏览者很厌恶，同时，使Blogger也是疲于维护与整理，最后大家都失望。
二、 Bloggers——受害者
一个互联网Widget最值得描述的，就是迷你式（傻瓜式）的应用程序，将功能添加到网页、Blog等。如果喜欢某一个Widget，只要简单的复制和粘贴代码到网页的HTML程序内，相片的列表、新闻、视频、广告、Mp3播放器以及丰富的计数器等就会出在页面相关的位置！还可以对它进行命名。
Widgets宣称可以使网站更加的漂亮化。而对于追求开放与个性化的Blogger而言，这无疑是天大的福音。于是Blogger们纷纷在自己的Blog上加上了许多漂亮的Wedgets，如Flicker，Twitter，Sphere等等。如下所示：
请将下面的HTML代码复制到您的页面中：请注意，为了保证即使twitter.com没有加载的情况下不影响您的页面加载，请从第二行开始复制，即从<script type=”text/javascript”…>开始，复制到页面的底部，在</body>中上。
图1.在Blog上加载Widgets的代码示意图
如果对HTML及Blogging平台有一定了解的话，在Blog中加入Widgets是件很容易的事情。只需要将HTML代码复制到相关网页的代码中去。有些时候，需要将代码插入到HTML文档的头部，但这并没有难度。此外，还可以利用一些辅助工具进行安装Widgets，如可以采用Widgetbox平台来进行辅助安装。
安装Widgets是如此的简单，于是Blogger们纷纷来者不拒，让Widgets在自己的Blog中遍地开花。然而否极泰来，乐极生悲，这常常导致页面加载的时候加长，会降低网站速度。在比较好的情况下，使用的Widgets 来自一个稳定快速的服务器；比较糟糕的是你使用的 Widgets 来自一个不稳定的服务器，那对网站的影响就会很大。不管是上面两种情况的那一种，完成网站的加载和渲染都取决于第三方服务器上的代码运行速度，即使是一个成熟稳定的Widgets，它也需要时间来反应，这仍然会造成网站加载速度的减慢。
三、 JavaScript Widgets
实现Widgets的主流技术有Flash和JavaScript。Flah Widgets有它自身的问题。例如感觉很笨重，大小不可改变及不能操作DOM模型。当然，这并不是仅仅Flash Widgets的缺陷，JavaScript Widgets也难以脱俗。
大多数使用Widgets 的方式有两种：Raw 式嵌入或 JavaScript 式嵌入。
raw 式嵌入通常是提供一个 Object/embed代码，来直接实现一个 Flash Widget，这种方法的优点是它可以在不允许使用 JavaScript 式嵌入的网站上运行；缺点是：许多人不喜欢把 Object/embed 代码直接放在他们的页面上；另外有些Widgets 不是基于Flash 的；最后Widgets 的作者不能对已嵌入的Widgets 进行太大修改变化。
JavaScript 式嵌入使用了脚本，包括远程部署代码进入用户的网站，优点是：它更简洁也更灵活，它的缺点是：它或多或少的增加了网站加载时间，而且一旦出现问题，网站加载时间将成倍的增加。
JavaScript从一开始就被设计成一种轻量级的便于操作HTML文档但互操作性最小化的客户端语言。但从以往技术发展的曲线来看，JavaScript正在向一种Web编程语言发展。从Ajax到Widgets，JavaScript被应用到许多它所适应范围边际上的项目中去。由于，问题就开始出现了。
程序员对JavaScript最大的诟病莫过于它的单线程模式。JavaScript里是没有线程的，当然你可以尝使用setTimeout来试试（这个函数的功能是延时执行某一个函数）。但这并不是真正意见上的多线程。这意味着JavaScript中的代码只能是顺序的执行，没有并发性（当然除了Ajax调用之外）。于是，当任何时候，一段JavaScript代码片段在加载或执行的时候，其它什么事情都干不了。这和下图所示的现象是不是一样呢？
图2.JavaScript中的“单线程”
这意味着，一行行额外加载的JavaScript代码往往导致整个页面加载速度的降低。而这正是在Blog社区正在发生着的问题。那办法或是解决出路在哪呢？
四、 JavaScript Widgets能加速吗？
遗憾的是，世上并没有通万病的解药。至今还没在给JavaScript Widgets加速的简单而快速的方法。但是一些组织或公司正在尝试使用一些复合的技术来对加快页面的加载速度。但旧问题还没解决，这种混合的技术又带来了新的问题，可谓一物生一物，雪上加霜。但JavaScript作为客户编程的一种主流及主要的技术，在必要从行业或是领域的角度来考虑解决这一问题的办法。下面是一些JavaScript设计们似乎应该考虑的若干建义及设想：
（1） JavaScript区分执行
经常碰到的一个问题是所有的JavaScript都想立即运行，独木桥人人想过。那么，我们是不是可以这么设计，在页面加载的时候，对那些不怎么改变页面的JavaScript代码，是不是可以等到页面最终加载完后最执行呢？这样，页面的可见内容就可以快速出来。但遗憾的是，所有的浏览器都没在这样实现。
（2） 最小化加载时的代码
众所周知，任何页面加载时运行的代码都会降低页面的展现速度。加载时运行的代码越小，页面就越快速出来。而另一个相关的问题是，在整个页面查找某些内容。这往往容易导致无回应脚本对话框的出现，任何JavaScript代码运行超过几秒钟(如5秒)就会发生这种错误。而使用timouts来将很长的JavaScript代码分开执行，也许是一条不二的选择，当然人人认为这样做也会很痛苦。
（3） 采用不同的URLs来平衡请求
在比较好的情况下，你使用的Widgets 来自一个稳定快速的服务器；比较糟糕的是你使用的Widgets 来自一个不稳定的服务器，那对你的网站的影响就会很大。一些Widgets一般都给出相同的URL，如 www.mycoolwidget.com。当许多的请求者对同一台Widgets服务器并发请求时，服务器的负载就成了问题。最好的办法是给出不同的URLs，例如，server1.mycoolwidget.com, server2.mycoolwidget.com等。虽然他们还是指向同一个域，但长远来看，这无疑是一个化解拥挤的好办法。
（4） 使用标准类库
在软件行业最痛苦的事情莫过于重复发明轮子。因为JavaScript很容易出错，而又不像Java那样提供丰富的类库，但是像prototype 以其高效性，正在成为标准类库。Prototype 1.6刚发布了。Prototype由于富在经验的JavaScript人员开发，因此此类库的价值非常高。
（5） 容器化
如果不知道Widgets谁将使用或会使用在哪，还在哪些其它的Widgets已经安装了，如果没有这些信息，使用JavaScript变得比较困难。但JavaScript爱好者不用悲观，因为还在很多事情可以做。
如果我们看一看Java 社区，这样类似的问题已经被解决了很多次了。真可谓是相见恨晚。大名鼎鼎的Applets、Servlets及企业级JavaBeans，其实这些东西和Widgets相比，最大的区别在于，前者被一个容器来管理，而Widgets没有。这就是问题的解决办法。
容器提供各种基础的服务及接口之间的通信。它负责处理加载、卸载、回调、单击、提示等内容，这些开发人员喜爱而非技术人员厌恶听到的东西。总的来说，JavaScript需要一个容器来将JavaScript的有序变成无序。
（6） WEDJE
提供一个Raw 式嵌入还是必要的，因为不是每个网站都允许使用 JavaScript 式嵌入，但是如果Widgets 是使用在人们自己网站或Blog上，JavaScript 式嵌入仍然是一个更理想方法。所以，为了兼容这两种方式，设想一种新的方案：WEDJE（Widget Enabled DOM JavaScript Embedding）。
Standard document.write：大多数的 JavaScript式嵌入是简单的使用 document.write 来把代码写入页面，问题是，如果Widgets 服务器停了，其余网站就不能运行Widgets 了，直到 JavaScript自己停止，很多人误以为可以对其使用延迟属性来防止这种事情的发生，但延迟属性完全阻止了 document.write ，所以它不是一个好的解决办法。
延迟 innerHTML 代码：另外一种JavaScript式嵌入的方法是加入帐号机制，增加一个延迟参数来加载JavaScript，在script 加载完后使用 innerHTML 来写入。这似乎很不错，但在实际中，不同的浏览器的效果都不同。
五、 小论
在过去的一年或者现在，互联网已经显示出，因Widgets的使用而呈现爆炸式状态。Widget如今已是大行其道，也有很多关于“2007年将是Widget年”的呼声。它首先对于网站（Widget提供方）的推广是很有益处的，甚至可以说是不二的营销手段。Widgets和JavaScript工具变得越来越酷及使用更方面时，想要变得更好时，却发现没有基本的基础性的东西来支撑。Blog变得越来越慢了，这得归咎于越来越多的Widgets和JavaScript的滥用。而要求Blogger们理解各种Widgets混合使用会导致的问题，这似乎超出了Blogger们的心理防线。
此外，我们需要在发布Widgets时，要求按一定标准和准则。最好的参照软件行业中已有的成功经验。Java社区有很多成功且很值得借鉴的经验。