小于2秒的頁載入時間被認(rèn)為是優(yōu)良的,而且高達(dá)4秒是可接受的。而大于5秒的頁面載入時間不僅影響你網(wǎng)站的搜索引擎排名,還會嚴(yán)重影響用戶體驗(yàn)。這里列出了10種方法,可以快速提升你網(wǎng)站的性能。
1. 優(yōu)化圖像
圖像對于吸引訪客的關(guān)注是很重要的。但是你添加到頁面上的每一張圖片都需要用戶從你的服務(wù)器下載到他們的電腦上。這無疑增加了頁面的加載時間,因此很可能讓用戶離開你的網(wǎng)站。所以,優(yōu)化圖像是非常必要的。
過大的圖像需要的下載時間更多,因此要確保圖像盡可能的小??梢允褂脠D像處理工具如PS來減小顏色深度、剪切圖像到合適的尺寸等。
2. 去掉不必要的插件
一個非常值得關(guān)注但經(jīng)常被忽略的因素是你網(wǎng)站安裝的插件。如今,大量免費(fèi)的插件誘導(dǎo)網(wǎng)站開發(fā)者添加很多不必要的功能。您安裝的每個插件都需要服務(wù)器處理,從而增加了頁面加載時間。所以禁用和刪除不必要的插件。
然而,有些插件是必須的,如社交分享插件,你可以選擇CMS內(nèi)置的社交分享功能來代替安裝插件。
3. 減少DNS查詢(DNS lookups)
減少DNS查詢是一個WEB開發(fā)人員可以用了頁面加載時間快速有效的方法。DNS查詢需要話費(fèi)很長的時間來返回一個主機(jī)名的IP地址。而瀏覽器在查 詢結(jié)束前不會進(jìn)行任何操作。對于不同的元素可以使用不同的主機(jī)名,如URL、圖像、腳本文件、樣式文件、FLASH元素等。具有多種網(wǎng)絡(luò)元素的頁面經(jīng)常需 要進(jìn)行多個DNS查詢,因而花費(fèi)的時間更長。
減少不同域名的數(shù)量將減少并行下載的數(shù)量,加速你的網(wǎng)站
4. 最小化重定向
重定向增加了額外的HTTP請求,因此也增加了頁面加載時間。然而有時重定向卻是不可避免的,如鏈接網(wǎng)站的不同部分、保存多個域名、或者從不存在的頁面跳轉(zhuǎn)到新頁面。
重定向增加了延遲時間,因此要盡量避免使用它。檢查是否有損壞的鏈接,并立即修復(fù)。
5. 使用內(nèi)容分發(fā)網(wǎng)絡(luò)(Content Delivery Network CDN)
服務(wù)器處理大流量是很困難的,這最終會導(dǎo)致頁面加載速度變慢。而使用CDN就可以解決這一問題,提升頁面加載速度。
CDN是位于全球不同地方的高性能網(wǎng)絡(luò)服務(wù),復(fù)制你網(wǎng)站的靜態(tài)資源,并以最有效的方式來為訪客服務(wù)。
6. 把CSS文件放在頁面頂部,而JS文件放在底部
把CSS文件在頁面底部引入可以禁止逐步渲染,節(jié)省瀏覽器加載和重繪頁面元素的資源。
JavaScript是用于功能和驗(yàn)證。把JS文件放在頁面底部可以避免代碼執(zhí)行前的等待時間,從而提升頁面加載速度。
這些都是一些減少頁面加載時間和提高轉(zhuǎn)換率的方法。在某些情況下,需要JavaScript在頁面的頂部加載(如某些第三方跟蹤腳本)。
7. 利用瀏覽器緩存
瀏覽器緩存是允許訪客的瀏覽器緩存你網(wǎng)站頁面副本的一個功能。這有助于訪客再次訪問時,直接從緩存中讀取內(nèi)容而不必重新加載。這節(jié)省了向服務(wù)器發(fā)送HTTP請求的時間。此外,通過優(yōu)化您的網(wǎng)站的緩存系統(tǒng)往往也會降低您的網(wǎng)站的帶寬和托管費(fèi)用。
8. 使用 CSS Sprites 整合圖像
多圖像的網(wǎng)站加載時間比較久。其中一個解決方法就是把多個圖像整合到少數(shù)幾個輸出文件中。你可以使用 CSS Sprites 來整合圖像文件。這樣就減少了在下載其他資源時的往返次數(shù)和延遲,從而提高了站點(diǎn)的速度。
9. 壓縮CSS和JavaScript
壓縮是通過移除不必要的字符(如TAB、空格、回車、代碼注釋等),以幫助減少其大小和網(wǎng)頁的后續(xù)加載時間的過程。這是非常重要的,但是,你還需要保存JS和CSS的原文件,以便更新和修改代碼。
10. 啟用GZIP壓縮
在服務(wù)器上壓縮網(wǎng)站的頁面是提升網(wǎng)站訪問速度非常有效的一種方法。你可以用gzip壓縮做到這一點(diǎn)。Gzip是一個減小發(fā)送給訪客的HTML文件、 JS和CSS體積的工具。壓縮的文件減少了HTTP響應(yīng)時間。據(jù)Yahoo報道,這大概可以減少70%的下載時間。而目前90%的通過瀏覽器的流量都支持 Gzip壓縮,因此,這是一個提示網(wǎng)站性能有效的選項(xiàng)。
優(yōu)化你的網(wǎng)站是留住你的訪客和提升搜索引擎排名有效的途徑。使用上面提到的10種方法來提高你的網(wǎng)站性能。
via:dzone.com