<p id="xshpr"><strong id="xshpr"><menu id="xshpr"></menu></strong></p>
    <pre id="xshpr"></pre>
  1. 技術觀點

    加強技術投入,共享技術成果

    如何提高頁面響應速度?


    編輯:杭州大顯網絡科技有限公司更新日期:2009-05-26
    訪問速度緩慢的互聯網已經成為過去,但頁面能瞬時呈現也只是未來才會發生的事情.Christianheilmann的一些技巧,現在就可以令你的網站訪問起來更為流暢。

    頁面首次訪問時的延時是網站和Web應用設計中遇到的一個很重要的問題。用戶總是感覺頁面相應的不夠快。

    為什么用戶會有這樣的感覺?也許用戶還保留多年前那種按分鐘計費的接入網方式的使用習慣(現在的飯店或機場還保持那種接入方式);也許是因為用戶覺得頁面要有足夠快的響應才能稱得上所謂的信息高速路。但在我看來這是好萊塢的責任。在每部好萊塢的動作大片中:敲擊一下鍵盤的同時,電腦屏幕上就會出現超高分辨率,有著密密麻麻數據顯示的精美網站操作界面;而且網站上讀取一部百科全書也不過短短幾毫秒就可以完成。

    但在現實生活中卻完全不是這么回事,因為無論你如何盡量簡化你的頁面,延遲還是存在的。而且為了使頁面更絢麗,通常會使用flash,但如果濫用flash會嚴重影響頁面的響應速度。作為網絡應用,還必須保證頁面元素的加載順序,不會因為頁面上未完全加載的元素被用戶訪問而造成異常。

    哪些因素造成網站響應緩慢?

    當談到提高網站響應速度,最通常的做法就是盡可能的減少網站文件的尺寸。(這也導致針對JavaScript庫文件大小的無休止的討論,但最終也沒什么結果。)實際上,有許多因素會影響到網頁初次訪問的響應速度:

    HTML文檔的大小。
    頁面中嵌入的腳本、圖像、多媒體元素文檔的大小。
    HTML頁面的復雜程度。(瀏覽器可以很快的展現簡單的頁面)
    用戶的接入速度
    會被頁面訪問的第三方內容所在服務器的訪問速度。
    網站域名及其頁面包含的外部域名的DNS解析速度。
    用戶計算機的性能。(瀏覽器會因為系統消耗過多的資源在其他任務上而變得響應緩慢)。
    服務器的相應速度。

    除了以上的技術上的因素會導致網站響應變慢以外,還有一些人為設計上的因素。例如:為了避免頁面加載過程中出現的頁面區域錯亂和無圖像顯示;頁面被設計為需要頁面內容完全加載完畢后才一起顯示。

    讓網站響應便快的方法

    經過實踐,以下經驗對于解決由于技術和人為因素造成網站響應變慢的問題會有所幫助。

    在不影響頁面顯示質量的前提下,盡可能的優化HTML代碼。(這包括在發布頁面時,去掉HTML文檔中的注釋以及冗余的換行標記。但為了保證頁面的可讀性,這些代碼還應當保留在源代碼中)

    頁面中盡可能少的包含其他外部引用,減少文檔之間的依賴。(可以將多個腳本放入一個腳本文件,用CSS的sprite技巧將多個小圖片合并為一個大圖,這樣就只需要加載一次)
    確保你沒有從外部服務器上引用第三方的內容:用一個腳本將遠程的RSS源緩存在本地。這樣不僅可以避免DNS解析所造成的延時,而且也不會因為外部服務器的宕機影響你的服務。

    盡可能的制定圖片及包含圖片的元素的尺寸。這樣可以避免頁面展現時由于圖片陸續加載而造成頁面元素跳動的現象。

    在頁面的末端加載大的腳本,這樣頁面的可以在大的腳本加載完成前展示出來。如果把大的腳本在頁面頭元素中加載,則瀏覽器會等到腳本完全加載完成后才顯示頁面內容。

    web開發準則與提高響應速度

    可惜上文提到的這些計巧與我們通常認為的web開發的準則有沖突。例如減少頁面包含文件數量會造成產品的可維護性變差。為了使網站的不用頁面(首頁,文章頁,存檔頁)保持不同的頁面風格最簡單的方法是不同類型的頁面的特殊的樣式存放在他們各自的樣式文件中。一個頁面可以有一個最基本的樣式文件,然后根據頁面的不同類型再包含該類型頁面的指定的樣式文件。

    腳本的存放也可以用相同的方法,將功能相近的腳本放到一個文件中。這樣有助于代碼的維護。你不用察看所有的腳本代碼就可以很快的找到你需要的函數。此外,將腳本加入到頁面的主體部分通常被認為是不良的編碼習慣,因為他將用戶的行為控制邏輯嵌入的頁面的結構中。
    波多野结衣无码

      <p id="xshpr"><strong id="xshpr"><menu id="xshpr"></menu></strong></p>
      <pre id="xshpr"></pre>