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

一、若是可能的話，延遲加載一些內容

可使用Ajax來按需加載部份內容。好比一個相冊，能夠在用戶瀏覽頁面時先出縮略圖，當用戶點擊了，而後異步請求原圖並展現，這樣用戶若是隻須要看幾張圖片，就不須要等待全部圖片都加載下來。這種開發模式叫作延遲加載。
Ajax/Web開發類庫如jQuery，Prototype，與及MooTools可使得延遲加載更容易實現。

二、使用外部JS和CSS文件

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

三、使用緩存系統

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

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

若是一張圖片本來是1280*900px的，可是你須要它顯示爲400*280px的，你應該用圖片編輯器，如Photoshop來改變它的大小，而不是使用HTML的width和height屬性。

五、不要使用圖片來展現文字

圖片中的文字不但對用戶不友好（沒法複製等），對SEO也沒有好處，並且使用圖片來顯示文字會增長頁面加載時間。若是你須要在網站中使用不少自定義的字體，能夠考慮使用CSS的@font-face特性去更有效率地展示特定字體。

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

經過選擇正確的力圖片格式，你能夠在不損失圖片質量的狀況下優化圖片大小。例如，除非你須要PNG提供的圖片透明，不然JPG通常來講能夠在較小的文件狀況下逼真地顯示圖片。

七、優化寫代碼的方式

查看你的源代碼，看看是否全部標籤都是須要的，或是可不能夠用CSS來代替。有效的書寫代碼不但減少HTML和CSS文件的大小，也能方便維護。

八、在文檔的最後加載javascript

全部scripts都在頁面最後加載會比一開始就加載好，它可讓瀏覽器在加載javascript前渲染全部東西。瀏覽器在javascript下載完以前阻塞下面的內容的加載。若是能夠的話，儘可能將javascript放在緊挨着body結束標籤的地方。

九、使用內容分發網絡（Content Delivery Network，CDN）

網站的速度和用戶相對於服務器的位置有很大的關係。將內容分發到不一樣的地理位置可能能夠緩解這個問題。使用CDN可能會增長費用，可是收益也是很明顯的。

十、優化網頁緩存

既然使用了緩存系統，你應該使用盡量多的緩存技術。網頁緩存是瀏覽器端對文件作的緩存，而後供用戶以後的訪問。瀏覽器能夠緩存的內容包括CSS文件，javascript文件和圖片。

除了把多個頁面都用到的CSS和javascript放在一個外部文件之外，還有不少方法來保證文件緩存起到最大的做用。例如你能夠設置HTTP響應頭爲Expires和Last-Modified來減小用戶從新訪問你網站時特定文件從新下載的次數。