小于2秒的頁(yè)載入時(shí)間被認(rèn)為是優(yōu)良的,而且高達(dá)4秒是可接受的。而大于5秒的頁(yè)面載入時(shí)間不僅影響你網(wǎng)站的搜索引擎排名,還會(huì)嚴(yán)重影響用戶體驗(yàn)。這里列出了10種方法,可以快速提升你網(wǎng)站的性能。

[[153994]]

 

1. 優(yōu)化圖像

圖像對(duì)于吸引訪客的關(guān)注是很重要的。但是你添加到頁(yè)面上的每一張圖片都需要用戶從你的服務(wù)器下載到他們的電腦上。這無(wú)疑增加了頁(yè)面的加載時(shí)間,因此很可能讓用戶離開(kāi)你的網(wǎng)站。所以,優(yōu)化圖像是非常必要的。

過(guò)大的圖像需要的下載時(shí)間更多,因此要確保圖像盡可能的小。可以使用圖像處理工具如PS來(lái)減小顏色深度、剪切圖像到合適的尺寸等。

2. 去掉不必要的插件

一個(gè)非常值得關(guān)注但經(jīng)常被忽略的因素是你網(wǎng)站安裝的插件。如今,大量免費(fèi)的插件誘導(dǎo)網(wǎng)站開(kāi)發(fā)者添加很多不必要的功能。您安裝的每個(gè)插件都需要服務(wù)器處理,從而增加了頁(yè)面加載時(shí)間。所以禁用和刪除不必要的插件。

然而,有些插件是必須的,如社交分享插件,你可以選擇CMS內(nèi)置的社交分享功能來(lái)代替安裝插件。

3. 減少DNS查詢(DNS lookups)

減少DNS查詢是一個(gè)WEB開(kāi)發(fā)人員可以用了頁(yè)面加載時(shí)間快速有效的方法。DNS查詢需要話費(fèi)很長(zhǎng)的時(shí)間來(lái)返回一個(gè)主機(jī)名的IP地址。而瀏覽器在查 詢結(jié)束前不會(huì)進(jìn)行任何操作。對(duì)于不同的元素可以使用不同的主機(jī)名,如URL、圖像、腳本文件、樣式文件、FLASH元素等。具有多種網(wǎng)絡(luò)元素的頁(yè)面經(jīng)常需 要進(jìn)行多個(gè)DNS查詢,因而花費(fèi)的時(shí)間更長(zhǎng)。

減少不同域名的數(shù)量將減少并行下載的數(shù)量,加速你的網(wǎng)站

4. 最小化重定向

重定向增加了額外的HTTP請(qǐng)求,因此也增加了頁(yè)面加載時(shí)間。然而有時(shí)重定向卻是不可避免的,如鏈接網(wǎng)站的不同部分、保存多個(gè)域名、或者從不存在的頁(yè)面跳轉(zhuǎn)到新頁(yè)面。

重定向增加了延遲時(shí)間,因此要盡量避免使用它。檢查是否有損壞的鏈接,并立即修復(fù)。

5. 使用內(nèi)容分發(fā)網(wǎng)絡(luò)(Content Delivery Network CDN)

服務(wù)器處理大流量是很困難的,這最終會(huì)導(dǎo)致頁(yè)面加載速度變慢。而使用CDN就可以解決這一問(wèn)題,提升頁(yè)面加載速度。

CDN是位于全球不同地方的高性能網(wǎng)絡(luò)服務(wù),復(fù)制你網(wǎng)站的靜態(tài)資源,并以最有效的方式來(lái)為訪客服務(wù)。

6. 把CSS文件放在頁(yè)面頂部,而JS文件放在底部

把CSS文件在頁(yè)面底部引入可以禁止逐步渲染,節(jié)省瀏覽器加載和重繪頁(yè)面元素的資源。

JavaScript是用于功能和驗(yàn)證。把JS文件放在頁(yè)面底部可以避免代碼執(zhí)行前的等待時(shí)間,從而提升頁(yè)面加載速度。

這些都是一些減少頁(yè)面加載時(shí)間和提高轉(zhuǎn)換率的方法。在某些情況下,需要JavaScript在頁(yè)面的頂部加載(如某些第三方跟蹤腳本)。

7. 利用瀏覽器緩存

瀏覽器緩存是允許訪客的瀏覽器緩存你網(wǎng)站頁(yè)面副本的一個(gè)功能。這有助于訪客再次訪問(wèn)時(shí),直接從緩存中讀取內(nèi)容而不必重新加載。這節(jié)省了向服務(wù)器發(fā)送HTTP請(qǐng)求的時(shí)間。此外,通過(guò)優(yōu)化您的網(wǎng)站的緩存系統(tǒng)往往也會(huì)降低您的網(wǎng)站的帶寬和托管費(fèi)用。

8. 使用 CSS Sprites 整合圖像

多圖像的網(wǎng)站加載時(shí)間比較久。其中一個(gè)解決方法就是把多個(gè)圖像整合到少數(shù)幾個(gè)輸出文件中。你可以使用 CSS Sprites 來(lái)整合圖像文件。這樣就減少了在下載其他資源時(shí)的往返次數(shù)和延遲,從而提高了站點(diǎn)的速度。

9. 壓縮CSS和JavaScript

壓縮是通過(guò)移除不必要的字符(如TAB、空格、回車、代碼注釋等),以幫助減少其大小和網(wǎng)頁(yè)的后續(xù)加載時(shí)間的過(guò)程。這是非常重要的,但是,你還需要保存JS和CSS的原文件,以便更新和修改代碼。

10. 啟用GZIP壓縮

在服務(wù)器上壓縮網(wǎng)站的頁(yè)面是提升網(wǎng)站訪問(wèn)速度非常有效的一種方法。你可以用gzip壓縮做到這一點(diǎn)。Gzip是一個(gè)減小發(fā)送給訪客的HTML文件、 JS和CSS體積的工具。壓縮的文件減少了HTTP響應(yīng)時(shí)間。據(jù)Yahoo報(bào)道,這大概可以減少70%的下載時(shí)間。而目前90%的通過(guò)瀏覽器的流量都支持 Gzip壓縮,因此,這是一個(gè)提示網(wǎng)站性能有效的選項(xiàng)。

優(yōu)化你的網(wǎng)站是留住你的訪客和提升搜索引擎排名有效的途徑。使用上面提到的10種方法來(lái)提高你的網(wǎng)站性能。

via:dzone.com