| 導購 | 订阅 | 在线投稿
分享
 
 
當前位置: 王朝網路 >> other >> Web應用優化技巧
 

Web應用優化技巧

2008-12-28 07:39:36  編輯來源:互聯網  简体版  手機版  評論  字體: ||
 
 
  作者:Fenng|可以轉載, 轉載時務必以超鏈接形式標明文章原始出處和作者信息及版權聲明

  網址:http://www.dbanotes.net/web/flickr_web_tech.html

  Cal Henderson是大名鼎鼎的Flickr網站的開發者之一.在一篇名爲Serving JavaScript Fast的文章中,他介紹了用于 Flickr 站點應用優化的技巧,讀罷感覺獲益良多."嚼一下別人的馍",概括一下該文的主要內容.

  Flickr是 Web 2.0 的代表站點。面對的網絡問題除了一般 Web 站點都會有的內容優化之外, 還有必須要靈活處理 JavaScript 與CSS的頻繁變化後部署分發帶來的複雜性。

  設定文件大小的策略首先面臨的一個問題是把所有的 JavaScript 與CSS放到一個文件中好呢,還是分割成多個文件 ? 從減少網絡請求的角度上考慮, 前者更好,後者差。但是從並行的角度考慮,IE與 Firefox 默認情況下都只能同時從一個域請求兩個資源. 這會在很多情況下給用戶帶來不良的使用體驗--必須所有的文件都下載完畢才可以看到像樣的頁面. Flickr 采用了折衷的辦法--在保持文件數量盡可能少的情況下,把 JavaScript 與CSS分成多個子文件. 這在開發上帶來了複雜性,但是對性能的收益是巨大的。

  壓縮的優化問題毫無疑問,對站點內容進行壓縮是一個比較常用的 Web 優化手段.但是並不一定都能達到理想的效果.原因在于mod-gzip模塊不但消耗服務器端CPU資源,也消耗客戶端CPU資源. 而且, mod_gzip 壓縮文件後創建的臨時文件是放到磁盤上的,這也會給磁盤IO帶來嚴重的問題. Flickr 采用的是 Httpd 2.x 以後支持的mod_deflate模塊.壓縮操作都在內存中進行.mod_deflate 在 Httpd 1.x 是不可用的, 不過可以通過創建RAM盤的方式來間接提高性能.

  當然, mod_gzip 到也不是一無是處, 對于預壓縮的文件, 還是有好處的. 而且, 采用壓縮的時候,也要注意策略. 圖片文件壓縮就沒什麽必要了(Flickr 上圖像多, 而且壓縮得不到什麽好處). Flickr 只對 JavaScript 和CSS進行壓縮. mod_gzip 新一點的版本能夠自動通過配置 mod_gzip_update_static 選項自動處理 預壓縮的文件. Cal 也指出這個特性在一些舊版本的浏覽器上會出問題.

  壓縮的另一個主要手段是內容的壓縮. 針對 JavaScript 可以進行通過減少注釋、合並空格、使用緊湊的語法等小技巧(Google 的所有腳本都非常難讀,而且非常緊湊,思想類似).當然,經過這樣處理的 JavaScript 可能帶了很多括號不容易解析,Flickr使用了Dojo Compressor來構建解析樹。Dojo Compressor 開銷很低,而且對于最終用戶是透明的. JavaScript 的處理方法介紹過,CSS 處理則相對簡單.通過簡單的正則表達式替換(比如把多個空格替換爲一個空格符), 最高可以獲得 50% 的壓縮比。

  Caching 的優化Flickr的開發者充分利用了 Http 1.1 規範定義的Etag 與 Last-Modified 機制來提高 Caching 的效率. 值得注意的是,Cal 介紹了一個在負載均衡條件下的 e-Tag 小技巧. 即可以設定 Apache 通過文件調整時間與文件大小獲得 E-Tag ,而默認情況下, Apache 是通過文件節點獲取 e-Tag 的。當然,這也不是很完美,因爲會影響 if-modified-since 。

  靈活運用 mod_rewrite據說Flickr網站應用是進行每日構建的(Daily Build)。 如果沒有一個靈活的機制恐怕這是不可想象的。而且,在 Flickr 這樣的站點, 內容的修改同步的處理都是很讓人頭疼的難題. 他們的利器是mod_rewrite的靈活運用。通過配置URL重寫規則,很容易切換到不同的環境下。聽起來很簡單, 但是沒有一定的 Web 技術功力談何容易做到 ?!

  通過這幾個主要方法的運用,我們看到了如夢幻一般高性能的Flickr.

  BTW: 因爲在 Flickr 在國內沒有服務器, 大陸用戶訪問的速度就別提了 :(

  --End.

  這篇 【Flickr 的開發者的 Web 應用優化技巧】來自dbanotes.net
 
 
 
上一篇《在Word 2007文檔中插入剪貼畫水印》
下一篇《curl函數的中文檔案》
 
 
 
日版寵物情人插曲《Winding Road》歌詞

日版寵物情人2017的插曲,很帶節奏感,日語的,女生唱的。 最後聽見是在第8集的時候女主手割傷了,然後男主用嘴幫她吸了一下,插曲就出來了。 歌手:Def...

兄弟共妻,我成了他們夜裏的美食

老鍾家的兩個兒子很特別,就是跟其他的人不太一樣,魔一般的執著。兄弟倆都到了要結婚的年齡了,不管自家老爹怎麽磨破嘴皮子,兄弟倆說不娶就不娶,老父母爲兄弟兩操碎了心...

如何磨出破洞牛仔褲?牛仔褲怎麽剪破洞?

把牛仔褲磨出有線的破洞 1、具體工具就是磨腳石,下面墊一個硬物,然後用磨腳石一直磨一直磨,到把那塊磨薄了,用手撕開就好了。出來的洞啊很自然的。需要貓須的話調幾...

我就是掃描下圖得到了敬業福和愛國福

先來看下敬業福和愛國福 今年春節,支付寶再次推出了“五福紅包”活動,表示要“把欠大家的敬業福都還給大家”。 今天該活動正式啓動,和去年一樣,需要收集“五福”...

冰箱異味産生的原因和臭味去除的方法

有時候我們打開冰箱就會聞到一股異味,冰箱裏的這種異味是因爲一些物質發出的氣味的混合體,聞起來讓人惡心。 産生這些異味的主要原因有以下幾點。 1、很多人有這種習...

《極品家丁》1-31集大結局分集劇情介紹

簡介 《極品家丁》講述了現代白領林晚榮無意回到古代金陵,並追隨蕭二小姐化名“林三”進入蕭府,不料卻陰差陽錯上演了一出低級家丁拼搏上位的“林三升職記”。...

李溪芮《極品家丁》片尾曲《你就是我最愛的寶寶》歌詞

你就是我最愛的寶寶 - 李溪芮 (電視劇《極品家丁》片尾曲) 作詞:常馨內 作曲:常馨內 你的眉 又鬼馬的挑 你的嘴 又壞壞的笑 上一秒吵鬧 下...

烏梅的功效與作用以及烏梅的食用禁忌有哪些?

烏梅,又稱春梅,中醫認爲,烏梅味酸,性溫,無毒,具有安心、除熱、下氣、祛痰、止渴調中、殺蟲的功效,治肢體痛、肺痨病。烏梅泡水喝能治傷寒煩熱、止吐瀉,與幹姜一起制...

什麽是脂肪粒?如何消除臉部脂肪粒?

什麽是脂肪粒 在我們的臉上總會長一個個像脂肪的小顆粒,弄也弄不掉,而且顔色還是白白的。它既不是粉刺也不是其他的任何痘痘,它就是脂肪粒。 脂肪粒雖然也是由油脂...

網絡安全治理:國家安全保障的主要方向是打擊犯罪,而不是處置和懲罰受害者

來源:中國青年報 新的攻擊方法不斷湧現,黑客幾乎永遠占據網絡攻擊的上風,我們不可能通過技術手段杜絕網絡攻擊。國家安全保障的主要方向是打擊犯罪,而不是處置和懲罰...

 
 
 
作者:Fenng|可以轉載, 轉載時務必以超鏈接形式標明文章原始出處和作者信息及版權聲明 網址:http://www.dbanotes.net/web/flickr_web_tech.html Cal Henderson 是大名鼎鼎的Flickr網站的開發者之一.在一篇名爲Serving JavaScript Fast的文章中,他介紹了用于 Flickr 站點應用優化的技巧,讀罷感覺獲益良多."嚼一下別人的馍",概括一下該文的主要內容. Flickr是 Web 2.0 的代表站點。面對的網絡問題除了一般 Web 站點都會有的內容優化之外, 還有必須要靈活處理 JavaScript 與CSS的頻繁變化後部署分發帶來的複雜性。 設定文件大小的策略首先面臨的一個問題是把所有的 JavaScript 與CSS放到一個文件中好呢,還是分割成多個文件 ? 從減少網絡請求的角度上考慮, 前者更好,後者差。但是從並行的角度考慮,IE與 Firefox 默認情況下都只能同時從一個域請求兩個資源. 這會在很多情況下給用戶帶來不良的使用體驗--必須所有的文件都下載完畢才可以看到像樣的頁面. Flickr 采用了折衷的辦法--在保持文件數量盡可能少的情況下,把 JavaScript 與CSS分成多個子文件. 這在開發上帶來了複雜性,但是對性能的收益是巨大的。 壓縮的優化問題毫無疑問,對站點內容進行壓縮是一個比較常用的 Web 優化手段.但是並不一定都能達到理想的效果.原因在于mod-gzip模塊不但消耗服務器端CPU資源,也消耗客戶端CPU資源. 而且, mod_gzip 壓縮文件後創建的臨時文件是放到磁盤上的,這也會給磁盤IO帶來嚴重的問題. Flickr 采用的是 Httpd 2.x 以後支持的 mod_deflate模塊.壓縮操作都在內存中進行.mod_deflate 在 Httpd 1.x 是不可用的, 不過可以通過創建RAM盤的方式來間接提高性能. 當然, mod_gzip 到也不是一無是處, 對于預壓縮的文件, 還是有好處的. 而且, 采用壓縮的時候,也要注意策略. 圖片文件壓縮就沒什麽必要了(Flickr 上圖像多, 而且壓縮得不到什麽好處). Flickr 只對 JavaScript 和CSS進行壓縮. mod_gzip 新一點的版本能夠自動通過配置 mod_gzip_update_static 選項自動處理 預壓縮的文件. Cal 也指出這個特性在一些舊版本的浏覽器上會出問題. 壓縮的另一個主要手段是內容的壓縮. 針對 JavaScript 可以進行通過減少注釋、合並空格、使用緊湊的語法等小技巧(Google 的所有腳本都非常難讀,而且非常緊湊,思想類似).當然,經過這樣處理的 JavaScript 可能帶了很多括號不容易解析,Flickr使用了Dojo Compressor來構建解析樹。Dojo Compressor 開銷很低,而且對于最終用戶是透明的. JavaScript 的處理方法介紹過,CSS 處理則相對簡單.通過簡單的正則表達式替換(比如把多個空格替換爲一個空格符), 最高可以獲得 50% 的壓縮比。 Caching 的優化Flickr的開發者充分利用了 Http 1.1 規範定義的Etag 與 Last-Modified 機制來提高 Caching 的效率. 值得注意的是,Cal 介紹了一個在負載均衡條件下的 e-Tag 小技巧. 即可以設定 Apache 通過文件調整時間與文件大小獲得 E-Tag ,而默認情況下, Apache 是通過文件節點獲取 e-Tag 的。當然,這也不是很完美,因爲會影響 if-modified-since 。 靈活運用 mod_rewrite據說Flickr網站應用是進行每日構建的(Daily Build)。 如果沒有一個靈活的機制恐怕這是不可想象的。而且,在 Flickr 這樣的站點, 內容的修改同步的處理都是很讓人頭疼的難題. 他們的利器是mod_rewrite的靈活運用。通過配置URL重寫規則,很容易切換到不同的環境下。聽起來很簡單, 但是沒有一定的 Web 技術功力談何容易做到 ?! 通過這幾個主要方法的運用,我們看到了如夢幻一般高性能的Flickr. BTW: 因爲在 Flickr 在國內沒有服務器, 大陸用戶訪問的速度就別提了 :( --End. 這篇 【Flickr 的開發者的 Web 應用優化技巧】來自dbanotes.net
󰈣󰈤
 
 
 
  免責聲明:本文僅代表作者個人觀點,與王朝網路無關。王朝網路登載此文出於傳遞更多信息之目的,並不意味著贊同其觀點或證實其描述,其原創性以及文中陳述文字和內容未經本站證實,對本文以及其中全部或者部分內容、文字的真實性、完整性、及時性本站不作任何保證或承諾,請讀者僅作參考,並請自行核實相關內容。
 
 
微光夜曲_朦胧的美
青春校園_女生娜娜
氣質佳人_唯美動人
新年時尚魅力女生
痞子的甘南日記
疑是銀河落九天
雪域壩上四——純美色
冬日戀歌——西城楊柳弄輕柔
 
>>返回首頁<<
 
 熱帖排行
 
 
 
 
© 2005- 王朝網路 版權所有