亚洲精品高清国产一久久,亚洲av永久无码精品网站在线观看,亚洲精品tv久久久久久久久久,亚洲,另类,激情av在线播放,亚洲av成人一区二区三区在线看

首頁 首頁 >  文章資訊

Web程序優(yōu)化的最佳實踐

發(fā)布者:feixue2017    發(fā)布時間:2018-07-03 09:47:34    瀏覽次數:356次

1、盡量減少 HTTP 請求次數


終端用戶響應的時間中,有 80%用于下載各項內容。這部分時間包括下載頁面中的圖像、 樣式表、腳本、Flash 等。通過減少頁面中的元素可以減少 HTTP 請求的次數。這是提高 網頁速度的關鍵步驟。 減少頁面組件的方法其實就是簡化頁面設計。那么有沒有一種方法既能保持頁面內容的 豐富性又能達到加快響應時間的目的呢?這里有幾條減少 HTTP 請求次數同時又可能保持頁面內容豐富的技術。


合并文件是通過把所有的腳本放到一個文件中來減少 HTTP 請求的方法,如可以簡單地 把所有的 CSS 文件都放入一個樣式表中。當腳本或者樣式表在不同頁面中使用時需要做 不同的修改,這可能會相對麻煩點,但即便如此也要把這個方法作為改善頁面性能的重 要一步。


CSS Sprites是減少圖像請求的有效方法。把所有的背景圖像都放到一個圖片文件中, 然后通過CSS的background-image和background-position屬性來顯示圖片的不同部分;


圖片地圖是把多張圖片整合到一張圖片中。雖然文件的總體大小不會改變,但是可以減 少 HTTP 請求次數。圖片地圖只有在圖片的所有組成部分在頁面中是緊挨在一起的時候 才能使用,如導航欄。確定圖片的坐標和可能會比較繁瑣且容易出錯,同時使用圖片地 圖導航也不具有可讀性,因此不推薦這種方法;


內聯圖像是使用data:URL scheme的方法把圖像數據加載頁面中。這可能會增加頁面的 大小。把內聯圖像放到樣式表(可緩存)中可以減少HTTP請求同時又避免增加頁面文件 的大小。但是內聯圖像現在還沒有得到主流瀏覽器的支持。


減少頁面的HTTP請求次數是你首先要做的一步。這是改進首次訪問用戶等待時間的最重 要的方法。如同Tenni Theurer的他的博客Browser Cahe Usage – Exposed!中所說, HTTP請求在無緩存情況下占去了 40%到 60%的響應時間。讓那些初次訪問你網站的人獲 得更加快速的體驗吧!


2、減少DNS查找次數


域名系統(tǒng)(DNS)提供了域名和IP的對應關系,就像電話本中人名和他們的電話號碼的 關系一樣。當你在瀏覽器地址欄中輸入www800hr時,DNS解析服務器就會返回這個 域名對應的IP地址。DNS解析的過程同樣也是需要時間的。一般情況下返回給定域名對 應的IP地址會花費 20 到 120 毫秒的時間。而且在這個過程中瀏覽器什么都不會做直到 DNS查找完畢。


緩存 DNS 查找可以改善頁面性能。這種緩存需要一個特定的緩存服務器,這種服務器一 般屬于用戶的 ISP 提供商或者本地局域網控制,但是它同樣會在用戶使用的計算機上產 生緩存。


DNS 信息會保留在操作系統(tǒng)的 DNS 緩存中(微軟 Windows 系統(tǒng)中 DNS Client Service)。大多數瀏覽器有獨立于操作系統(tǒng)以外的自己的緩存。由于瀏覽器有自己的 緩存記錄,因此在一次請求中它不會受到操作系統(tǒng)的影響。


Internet Explorer 默認情況下對 DNS 查找記錄的緩存時間為 30 分鐘,它在注冊表中的 鍵值為 DnsCacheTimeout。Firefox 對 DNS 的查找記錄緩存時間為 1 分鐘,它在配置文 件中的選項為 networkdnsCacheExpiration(Fasterfox 把這個選項改為了 1 小時)。


當客戶端中的 DNS 緩存都為空時(瀏覽器和操作系統(tǒng)都為空),DNS 查找的次數和頁面 中主機名的數量相同。這其中包括頁面中 URL、圖片、腳本文件、樣式表、Flash 對象 等包含的主機名。減少主機名的數量可以減少 DNS 查找次數。


減少主機名的數量還可以減少頁面中并行下載的數量。減少 DNS 查找次數可以節(jié)省響應 時間,但是減少并行下載卻會增加響應時間。我的指導原則是把這些頁面中的內容分割 成至少兩部分但不超過四部分。這種結果就是在減少 DNS 查找次數和保持較高程度并行 下載兩者之間的權衡了。


3、避免跳轉


跳轉是使用 301 和 302 代碼實現的。

瀏覽器會把用戶指向到 Location 中指定的 URL。頭文件中的所有信息在一次跳轉中都是 必需的,內容部分可以為空。不管他們的名稱,301 和 302 響應都不會被緩存除非增加 一個額外的頭選項,如 Expires 或者 Cache-Control 來指定它緩存。元素的刷 新標簽和 JavaScript 也可以實現 URL 的跳轉,但是如果你必須要跳轉的時候,最好的


方法就是使用標準的 3XXHTTP 狀態(tài)代碼,這主要是為了確保"后退"按鈕可以正確地使用。


但是要記住跳轉會降低用戶體驗。在用戶和 HTML 文檔中間增加一個跳轉,會拖延頁面 中所有元素的顯示,因為在 HTML 文件被加載前任何文件(圖像、Flash 等)都不會被下 載。


天津博大醫(yī)院

【版權與免責聲明】如發(fā)現內容存在版權問題,煩請?zhí)峁┫嚓P信息發(fā)郵件至 1830498703@qq.com ,我們將及時溝通刪除處理。 以上內容均為網友發(fā)布,僅代表網友個人觀點,不代表平臺觀點,涉及言論、版權與本站無關。