10個技巧助您提高網站訪問速度

作者: daqianduan  發布時間: 2011-02-10 16:40  閱讀: 784 次  推薦: 0   原文鏈接   [收藏]  
摘要:網站的訪問速度和性能對用戶體驗來說是非常重要的。如果你的網站訪問非常的慢,你不僅會失去用戶,而且更可怕的是你會失去潛在的客戶。像Google這樣的互聯網巨頭也會把網站訪問速度作為排名的一個參數。因此當你需要優化網站速度時,你需要考慮方方面面,每個毫秒。這里對改進網站性能提出一些基礎和普遍的建議。

  1、如果可能的話,延遲加載一些內容

  可以使用Ajax來按需加載部分內容。比如一個相冊,可以在用戶瀏覽頁面時先出縮略圖,當用戶點擊了,然后異步請求原圖并展示,這樣用戶如果只需要看幾張圖片,就不需要等待所有圖片都加載下來。這種開發模式叫做延遲加載。
  Ajax/Web開發類庫如jQuery,Prototype,與及MooTools可以使得延遲加載更容易實現。

  2、使用外部JS和CSS文件

  當用戶第一次加載網頁時,瀏覽器會緩存住外部的CSS和JavaScript文件,所以將javascript和CSS放到外部文件比內聯的會好。
  使用內聯CSS還會增加網頁的渲染時間,讓所有樣式都定義在你的主CSS文件中使得瀏覽器渲染頁面時少做一些工作,因為它一開始就知道所有需要應用的樣式規則。另外使用外部javascript和css文件也有助于維護代碼。

  3、使用緩存系統

  如果你發現網站總是連接數據庫來查詢產生出同樣的結果,可能就需要使用緩存系統了。使用緩存的話,只需要生成一次特定的內容而不需要用戶每次訪問的時候都去生成。緩存系統也會根據配置周期性的刷新緩存。你可以生成靜態HTML頁,以減小服務器腳本執行的開消,或者使用數據庫和服務端腳本緩存系統,比如PHP的加速器,memcached等。

  4、避免在html中改變圖片大小

  如果一張圖片原本是1280*900px的,但是你需要它顯示為400*280px的,你應該用圖片編輯器,如Photoshop來改變它的大小,而不是使用HTML的width和height屬性。

  5、不要使用圖片來展示文字

  圖片中的文字不但對用戶不友好(無法復制等),對SEO也沒有好處,而且使用圖片來顯示文字會增加頁面加載時間。如果你需要在網站中使用很多自定義的字體,可以考慮使用CSS的@font-face特性去更有效率地展現特定字體。

  6、使用正確的文件格式來優化圖片大小

  通過選擇正確的力圖片格式,你可以在不損失圖片質量的情況下優化圖片大小。例如,除非你需要PNG提供的圖片透明,否則JPG一般來說可以在較小的文件情況下逼真地顯示圖片。

  7、優化寫代碼的方式

  查看你的源代碼,看看是否所有標簽都是需要的,或是可不可以用CSS來代替。有效的書寫代碼不但減小HTML和CSS文件的大小,也能方便維護。

  8、在文檔的最后加載javascript

  所有scripts都在頁面最后加載會比一開始就加載好,它可以讓瀏覽器在加載javascript前渲染所有東西。瀏覽器在javascript下載完之前阻塞下面的內容的加載。如果可以的話,盡量將javascript放在緊挨著body結束標簽的地方。

  9、使用內容分發網絡(Content Delivery Network,CDN)

  網站的速度和用戶相對于服務器的位置有很大的關系。將內容分發到不同的地理位置可能可以緩解這個問題。使用CDN可能會增加費用,但是收益也是很明顯的。

  10、優化網頁緩存

  既然使用了緩存系統,你應該使用盡可能多的緩存技術。網頁緩存是瀏覽器端對文件做的緩存,然后供用戶之后的訪問。瀏覽器可以緩存的內容包括CSS文件,javascript文件和圖片。

  除了把多個頁面都用到的CSS和javascript放在一個外部文件以外,還有很多方法來保證文件緩存起到最大的作用。例如你可以設置HTTP響應頭為Expires和Last-Modified來減少用戶重新訪問你網站時特定文件重新下載的次數。

0
0
 
標簽:網站性能
 
 

文章列表

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()