瞭解Facebook和Gmail中的頁面源

Question

我一直在設計網站幾年了。我已經非常熟悉一些更「先進」的功能，例如PHP框架和AJAX。

這就是說，每當我看流行的網站，如Facebook和Gmail頁面背後的來源，我抓我的頭，因爲它們看起來一點也不像我所教自己。它充滿了javascipt「東西」。即使像通用電氣和亞馬遜這樣的大公司也有可理解的網頁資源。我相信這是與事實有關的熱門網站上有這麼多的服務器請求。

我很想知道，一般地講：

1. 爲什麼受歡迎的網站，如Facebook和Gmail看起來一點都不像 「正常」的網站？更具體地說，HTML似乎在javascript腳本中，並且css類名和id看起來像隨機字符（後面的功能尤其適用於Gmail）。
2. 從哪裏可以得到這些技術的總體概述。我從來沒有遇到過任何能夠說明它們的材料。

也許我們可以專門針對Facebook和Gmail，所以不要讓這個問題過於籠統。

Answer 1

Facebook上大多使用OpenSource軟件，你可以看看他們。

更具體地說，HTML似乎在javascript腳本中，而css類名和id看起來像隨機字符。

谷歌使用這些隨機字符，可能是因爲它很難嘗試克隆它/瞭解它？

Facebook使用正常的類名。他們的HTML是在腳本中，（叫）小頁，你可以看到他們here

此外，還有一個很好的blog about HighScalability

Answer 2

中的JavaScript，谷歌用來瀏覽器通過Google Closure Compiler在服務器端進行預處理或一些類似interal的工具。谷歌混淆了CSS和相應的標記，既減少了通過線路發送的數據量，也使其難以進行反向工程。

Answer 3

1. 他們有來吸引用戶。所以他們必須提供一個哇功能。這些頁面針對吞吐量進行了優化，因此它們必須保持較小的腳本。
2. Google提供GWT。我不確定他們是否使用更高級的版本來達到自己的目的。