2012-03-24 25 views
8

我只能在查看Google網頁的源代碼時看到內聯CSS和JS。我沒有看到包含任何CSS文件或JS文件。Google爲什麼使用內嵌JavaScript和CSS?

他們如何包括jQuery的,插件等? (或)Google是否使用Jquery?

+1

想一想嗎? :) – bzlm 2012-03-24 11:46:38

+1

谷歌網頁..哪一個?搜索? – Joseph 2012-03-24 11:52:22

+0

是的,搜索。 – 2012-03-24 11:56:31

回答

10

谷歌usesClosure Compiler壓縮它的JavaScript。
不,谷歌肯定不會使用jQuery--它全是香草JavaScript和(有時)Closure Library

至於內聯,如果JS/CSS相對較小,將其內聯以使HTTP請求數最小化爲的速度更快。

Google Page Speed Online可以給你如何優化你的頁面的一些技巧。
mod_pagespeed for Apache可以爲您做很多優化(包括適當的內容內聯)。

+0

「Closure Library是許多Google產品的基本JavaScript庫,包括:Gmail,地圖,文檔,網站,圖書,閱讀器,Blogger,日曆,Google+,照片。」https://developers.google.com/clip/library/ – 2012-03-24 12:02:23

+0

+1現在這是一個徹底的解釋 – Joseph 2012-03-24 12:08:07

+1

這是非常具有諷刺意味的,你現在鏈接的頁面實際上是如何使用jQuery的;) – 2015-12-12 17:35:28

4

他們最有可能使用其開發HTML/CSS/JS轉換成HTML/CSS/JS,我們自己網站的訪問者接受一些處理軟件。

很多網站這樣做在一定程度上(如壓縮CSS和JS文件,以減少他們的文件大小),但它也可以使用內嵌的處理器的一切。

3

谷歌搜索頁面(一個與巨頭谷歌徽標)只不過是一個分頁的「Web應用程序」更多。它使用AJAX與服務器通信來檢索它的搜索,因此你甚至不需要離開頁面。

隨着中說,它更有意義的一個大塊(HTML + CSS + JS)加載頁面(與源壓扁),而不是使用多個文件樣式表,頁面和腳本。

這是一個優點,因爲它將HTTP請求的數量減少到只是一個文件(而不是具有單獨的索引,以及幾個CSS和JS)並使頁面加載速度更快。更不用說,那個單頁是cache。下次您訪問該頁面時,它會直接從緩存中彈出,並且不需要HTTP請求。

+0

在這種情況下,爲什麼不是每個人都內聯CSS和JS?另外,考慮到在瀏覽器緩存中有人使用google.com的CSS和JS的可能性...;) – bzlm 2012-03-24 11:58:43

+0

,因爲不是每個人都運行「單頁面」/「類似網頁應用」的網站。這些類型的頁面很難維護。有很多事情需要考慮,而不是傳統的逐頁網站 – Joseph 2012-03-24 11:59:59

+1

與多頁面網站有什麼不同?如果他們使用非內聯CSS和JS,爲什麼它們的可玩性不同?所有資源都可以輕鬆地「從緩存中直接彈出」,難道他們不能? – bzlm 2012-03-24 12:01:58

相關問題