中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

《高性能網(wǎng)站建設(shè)指南》，這是一本值得所有網(wǎng)站前端人員、網(wǎng)站開發(fā)人員、網(wǎng)站產(chǎn)品經(jīng)理一讀的好書。

《高》首先分析了網(wǎng)站的用戶響應(yīng)時間都花在哪里，然后在這個基礎(chǔ)上歸納出提高性能的若干辦法，最后以十大網(wǎng)站為例進(jìn)行了實例解析。這本書，把我們之前關(guān)于網(wǎng)站性能的一些散碎了解，體系地串了起來。篇幅不長，認(rèn)真讀的話，兩三天也就能讀完了。

前端優(yōu)化的重要性：

改進(jìn)前端通常只要較少的時間和資源，例如修改Web服務(wù)器配置文件、將腳本和樣式表放在特定位置、合并圖片、合并腳本等，這些修改只需要幾個小時或幾天；而改進(jìn)后端通常很麻煩，例如重新設(shè)計應(yīng)用程序架構(gòu)和代碼、查找和優(yōu)化臨界代碼路徑、添加或改動硬件、對數(shù)據(jù)庫進(jìn)行分布化等，這些需要花費數(shù)周或數(shù)月。

只有10%～20%的最終用戶響應(yīng)時間花在了下載HTML文檔上，其余的80%～90%時間花在了下載頁面中的所有組件上。[鄧熔注：這數(shù)據(jù)不是猜測的，著者列舉了十大網(wǎng)站的具體數(shù)據(jù)。]

前端優(yōu)化的舉措：

著者列舉了14個舉措，歸納方式有點散亂。我按我認(rèn)為容易理解的方式，重新歸納如下：

1. 減少http請求次數(shù)（http請求次數(shù)對性能的影響很大）：
   • 在圖片方面，有三個具體方案：圖片地圖、CSS Sprites、內(nèi)聯(lián)圖片三種，最值得關(guān)注的是CSS Sprites。
   • 腳本和樣式表也要合并，雖然合并有悖于模塊化開發(fā)的原則，但非常有利于性能。
   • 緩存可以使一些http請求轉(zhuǎn)為調(diào)用客戶端的已有資源。所以，必須關(guān)注Expires頭的設(shè)置。另外，HTTP1.1引入了“Cache-Control”頭，可以用“max-age”來設(shè)置緩存的時間長度。
   • 移除ETag或者對ETag進(jìn)行專門配置，以免影響緩存調(diào)取。因為默認(rèn)配置的ETag，和原始服務(wù)器的屬性相關(guān)，當(dāng)多臺服務(wù)器時，會導(dǎo)致緩存調(diào)取失敗。（N臺服務(wù)器，緩存調(diào)取成功的概率是1/N）
   • 對于用戶的著陸頁（Landing Page），腳本和樣式表究竟應(yīng)該內(nèi)聯(lián)（寫到html里）還是應(yīng)該外置？內(nèi)聯(lián)有利于減少http請求數(shù)，外置有利于緩存。對這個問題的探討，產(chǎn)生了所謂“加載后下載（Post-Onload Download）”的方案：內(nèi)聯(lián)，但在頁面加載完成后通過onload事件，動態(tài)下載外部腳本和樣式表。[鄧熔注：除“加載后下載”之外，還有一個“動態(tài)內(nèi)聯(lián)”的方案，但涉及到Cookie，把問題弄復(fù)雜了。]
2. 充分利用并行下載：
   • 使用兩個主機(jī)名。HTTP1.1建議瀏覽器從每個主機(jī)名并行下載兩個元素，使用多個主機(jī)名能進(jìn)行更多的并行下載，但由于帶寬和CPU速度，過多的并行下載也會降低性能。Yahoo！的研究表明，使用兩個主機(jī)名性能最優(yōu)。
   • 將腳本放在底部，以避免對并行下載的影響。因為下載腳本時，并行下載是禁止的。
3. 減小元素的大?。?
   • 精簡腳本。用JSMin精簡外置腳本，這能移除所有的注釋以及不必要的空白字符，使腳本減小20%。（內(nèi)聯(lián)的腳本也應(yīng)該盡量精簡）
   • 優(yōu)化CSS。CSS中的注釋和空白字符比較少，優(yōu)化空間在于合并相同的類、移除不使用的類。同時，應(yīng)避免使用CSS表達(dá)式，改用一次性表達(dá)式和使用事件處理器。因為CSS表達(dá)式會頻繁求值，當(dāng)頁面滾動、甚至用戶鼠標(biāo)移動時都會求值。
   • 務(wù)必使用Gzip對腳本、樣式表、html文檔進(jìn)行壓縮，這通常能減小60%的數(shù)據(jù)量。刪除注釋、縮短URL等雖然也有用，但費事得多且效果微弱。
4. 其他：
   • 避免沒必要的重定向（例如在URL的結(jié)尾必須出現(xiàn)“/”但沒有出現(xiàn)時），因為在重定向完畢并且html文檔下載完畢之前，沒有任何東西展示給用戶；對于為了跟蹤流量而使用的重定向，建議改用“referer”（僅可監(jiān)測流向內(nèi)部的流量），或“beacon+XMLHttpRequest”（可檢測所有流量，但方法較復(fù)雜）；對于為了轉(zhuǎn)換新舊網(wǎng)站而進(jìn)行的重定向，著者在P81上提供了解決方案。[鄧熔注：關(guān)于流量監(jiān)控方面，是否改用其他方案，還需要綜合評估方案相應(yīng)的數(shù)據(jù)統(tǒng)計易用性；關(guān)于P81上的解決方案，我不知道是否對SEO會有影響，改善性能的時候，也需要綜合平衡SEO。]
   • 使用CDN（Content Delivery Network），縮小內(nèi)容和用戶的距離。
   • 將樣式表放在頂部，這樣能使內(nèi)容在瀏覽器中逐步呈現(xiàn)。盡管整個頁面的加載總耗時可能并無變化，但逐步呈現(xiàn)內(nèi)容，能使用戶感覺更快。[鄧熔注：這也是滾動條的作用，有心理學(xué)依據(jù)。]
   • 適當(dāng)減少主機(jī)名，以減少DNS查找。[鄧熔注：主機(jī)名通常是出于其他考慮而設(shè)置的，比如SEO策略、運維策略等，設(shè)置時避免泛濫即可。]
   • P96-102頁探討了Ajax下的優(yōu)化問題。

附注：著者推薦了四個工具，HTTP請求圖表使用IBM Page Detailer，響應(yīng)時間的測量使用Gomez的Web監(jiān)視服務(wù)，頁面中的腳本及CSS分析使用Firebug，分析頁面性能使用YSlow。

來源：http://www.raydeng.com/《高性能網(wǎng)站建設(shè)指南》筆記.html