網站打開速度的快與慢，直接關系到訪客的用戶體驗度。網站被加載的速度與多個要素相關，如服務器優(yōu)于劣，網絡帶寬大與小，頁面代碼繁與簡等。如果受限于資金，那么通過優(yōu)化網頁代碼來加速網站打開速度，就是很有效的方法。

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

可以使用Ajax來按需加載部分內容。比如一個相冊，可以在用戶瀏覽頁面時先出縮略圖，當用戶點擊了，然后異步請求原圖并展示，這樣用戶如果只需要看幾張圖片，就不需要等待所有圖片都加載下來。這種開發(fā)模式叫做延遲加載。

Ajax/Web開發(fā)類庫如jQuery，Prototype，與及MooTools可以使得延遲加載更容易實現。

2、使用外部JS和CSS文件

當用戶第一次加載網頁時，瀏覽器會緩存住外部的CSS和JavaScript文件，所以將javascript和CSS放到外部文件比內聯的會好。

使用內聯CSS還會增加網頁的渲染時間，讓所有樣式都定義在你的主CSS文件中使得瀏覽器渲染頁面時少做一些工作，因為它一開始就知道所有需要應用的樣式規(guī)則。另外使用外部javascript和css文件也有助于維護代碼。

3、使用緩存系統(tǒng)

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

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

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

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

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

6、使用正確的文件格式來優(yōu)化圖片大小

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

7、優(yōu)化寫代碼的方式

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

8、在文檔的最后加載javascript

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

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

網站的速度和用戶相對于服務器的位置有很大的關系。將內容分發(fā)到不同的地理位置可能可以緩解這個問題。使用CDN可能會增加費用，但是收益也是很明顯的。10、優(yōu)化網頁緩存

既然使用了緩存系統(tǒng)，你應該使用盡可能多的緩存技術。網頁緩存是瀏覽器端對文件做的緩存，然后供用戶之后的訪問。瀏覽器可以緩存的內容包括CSS文件，javascript文件和圖片。除了把多個頁面都用到的CSS和javascript放在一個外部文件以外，還有很多方法來保證文件緩存起到大的作用。例如你可以設置HTTP響應頭為Expires和Last-Modified來減少用戶重新訪問你網站時特定文件重新下載的次數。

新聞名稱：網站訪問速度提高的技巧有哪些？
文章源于：http://www.2m8n56k.cn/news21/30071.html

成都網站建設公司_創(chuàng)新互聯，為您提供商城網站、虛擬主機、App設計、品牌網站建設、響應式網站、網站改版

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯