美國主流網站所使用的JavaScript架構

作者：Pingdom
時間：2008-10-04
來自：翻譯
技術等級：

哪些JavaScript架構是最常見，使用最頻繁的？

要回答這個問題，我們對大約200個美國主流網站進行了調研，檢查他們是否使用了JavaScript架構?如果使用，那麼他們選用什麼樣的架構？
在這裡，我們選擇檢測的網站均源自於Alexa美國網站排名前100名和WebWare前100個WEB應用程式。而我們所檢測的JavaScript框
架包括： Prototype, JQuery, MooTools, Yahoo! UI Library, Dojo, ExtJS 以及 MochiKit。

我們很快就發現， Dojo, ExtJS和MochiKit基本不被這些主流網站所採用。於是，我們就將目光鎖定到了剩下的4款JavaScript架構上。

 

Prototype

Prototype是早期的JavaScript架構之一，而它也同時被應用到了Ruby on Rails架構之中。在所有檢測的200個網站中，有13個網站採用Prototype作為其開發架構，包括：

• CNN
• The New York Times
• Digg
• Apple
• Veoh.com
• TypePad
• Fox News Channel
• Finetune
• iLike
• Last.fm
• Twitter
• Hakia
• YouSendIt

 

JQuery

Jquery架構因其庫檔案大小，速度以及豐富的模式化操作所帶來的海量外掛程式庫，目前引起了大家廣泛的關注。在所有檢測的網站中，有11個網站採用Jquery架構作為其開發架構，這包括：

• Digg
• BBC
• Major League Baseball
• Dell
• IsoHunt
• Break.com
• TinyPic
• FixMyMovie
• eMusic
• Kayak
• Box.net

 

MooTools

與其他很多架構類似，Mootools包含了大量的函數和方法來協助其開發與拓展，這裡面最著名的莫過於advanced effects組件了（advanced effects component）。在所有檢測的網站中，有4個網站採用了MooTools:

• Mint
• Worth1000
• Bebo
• Vimeo

 

Yahoo! UI Library (YUI)

這是一套Yahoo（雅虎）自行開發的JavaScript架構。雅虎不僅將其作為自己所屬網站的JS開放架構，而且免費提供給其他人自由使用。在所有檢測的網站中，有7個網站採用了 Yahoo! UI Library:

• Yahoo! Shopping
• Zillow
• Bebo
• YouSendIt
• ImageShack
• LinkedIn
• Walmart.com

 

那些我們無法確定使用架構的網站

在檢測的網站中，有不少網站採用了不止一個JavaScript架構，而是多個組合使用。而這就導致，使用者必須不得不被迫下載所有這些架構庫，但所用到的功能僅僅是這些架構的部分功能。這種情況無疑是可以避免的。

這部分網站將多種架構組合使用，可能是考慮希望使用每個架構中最精華的部分，也可能是在項目中期臨時換掉了項目開始時所確定的那個JavaScript架構，他們還卻沒有來得及將所有代碼進行整合統一。

這些使用多個JS架構的網站是：Digg (Prototype和JQuery), Bebo (MooTools和YUI) 以及YouSendIt (Prototype和YUI)。

 

總結

在本次檢測中，Prototype似乎是最受主流網站歡迎的JS架構，而JQuery緊隨其後。有趣的是，我們也看到有多個網站採用 Yahoo! UI Library架構作為他們的JS架構，這與我們當初的想象是有一定差距的。

本次對這些主流網站的JS架構檢查，可能不是百分之百的真實的，因為我們僅僅檢測了他們的網站首頁上所使用的架構。並且，我們也沒有註冊登入這些網站進行檢查，所有在資料上可能存在一定的漏洞。

我們是如何做檢測的？

首先，我們列出Alexa上美國網站前100名和WebWare前100個應用程式；然後，我們利用一個特殊的小工具進行關鍵字檢查以確定其網站使用的JavaScript架構。

比如，對於Prototype來說，我們會搜尋“prototype.js” 和 “/prototype”字串以確定網站是否使用prototype或它的修改版本（除非所有的類似“prototype”都被替換去除掉了）。

當然，我們也會手工查看工具所檢查出的這些網站所使用的架構是否與實際相符。比如，我們就去除掉了那些僅適用了雅虎的CSS架構，而非JavaScript架構的網站。

 

原文：Javascript framework usage among top websites
翻譯：代碼吾愛