這不是一個技巧問題:你的網站足夠快嗎?網頁加載時間可能會影響用戶在您的網站上停留多長時間(或者如果他們看到內容),搜索排名和整體轉化次數。
速度在兩個方面都很重要 - 對于臺式機和移動設備 - 移動速度比以往更加重要。您的網站不僅需要快速加載; 它需要在任何地方快速加載。
你是怎么做到的?首先運行Google PageSpeed測試,看看您的網站在哪里排名(您還會獲得一些關于加快網站速度的建議)。然后,開始進行這些調整,以使您的網站今年閃電般快速。
1.立即開始緩存
讓我們從..的提示開始。Google將緩存置于其建議列表的首位:
“緩存允許瀏覽器在設定的時間段內將頻繁請求的文件存儲在用戶的設備上。啟用緩存后,后續頁面加載可以更有效。“
緩存將您網站的組件存儲在用戶的緩存中,這樣當它們返回時,不必再次下載所有內容。因此,訪問者..次訪問您的網站時,可能需要3秒才能加載,但后續訪問可能會縮短到不到一秒,因為所有這些數據已經與用戶“存儲”。
雖然緩存對新訪問者來說并不是很有用,但對于回訪者(或瀏覽網站多個頁面的人)來說,這是一個驚人的速度節省。
2.優化圖像
你正在保存網絡圖像,對嗎?
在2019年,很難相信許多網站所有者仍在將完整尺寸的圖片上傳到他們的網頁。這是速度殺手。
在上傳之前將圖像裁剪為必要的形狀和大小。盡可能壓縮文件大小而不影響視覺元素。以小文件格式保存 - JPG始終保存小于PNG,使用以前的文件格式,除非您需要后者的透明度。
您可以在Adobe Photoshop等軟件中自行優化所有這些,或者嘗試免費的在線工具,如Compressor。
3.嵌入巨大的文件(如視頻)
YouTube可以快速托管和提供視頻內容。
巨大的文件可以從您的網站中吸取帶寬。它們很難管理和壓縮。
從您的網站上獲取這些文件并使用媒體嵌入從外部托管平臺提取此信息。
可以這樣想:YouTube可以快速托管和提供視頻內容。你不能比這個怪物做得更好。因此,將它用于您的優勢并將視頻文件存儲在YouTube(或您選擇的Vimeo或其他視頻平臺)上,并將內容嵌入到您的設計中。用戶不會知道差異......但他們會注意到您的網站加載速度有多快。
4.小心Javascript
您網站上發生的大多數很酷的東西都可能是Javascript的產物。它會變得沉重。但如果你關心如何處理JS查詢和加載,那就沒關系。
對Javascript文件使用異步加載:這會加速頁面,因為文件是同時加載的,而不是從上到下加載。異步加載的漂亮技巧是,如果一個文件卡住或停止,它不會使其余文件陷入困境; 這些腳本將繼續加載和運行。
推遲加載一些JS文件:告訴一些JS文件,特別是那些不影響直接功能的大文件,在所有其他元素完成后加載。你可以在這里學習。
優化和縮小:這只是很有意義 - 較小的文件將加載更快。不要忘記縮小JS。
將Javascript放在文件的底部:其他元素和JS不能很好地加載。通過在Javascript之前加載HTML內容來解決此問題。
5.消除不必要的重定向
你還在重新設計頁面嗎?停下來。那是在扼殺加載時間。
雖然某些重定向是必要的惡魔,但要將它們保持在.低限度。
使用諸如Redirect Mapper之類的工具來確定您網站上的重定向活動,并消除您不知道哪些重定向。繼續前進,請考慮更新過時頁面,而不是添加具有類似內容的新頁面。這對于搜索優化來說要好得多,所有這些鏈接都將繼續有效!
6.選擇正確的主機
正確的托管帳戶可以提高或縮短速度。如果你在這里嘗試過許多其他修復程序并且仍然存在速度問題,那么你的主機可能會受到指責。
有這么多選擇,很難找到.好的托管計劃。當涉及到為速度而構建的托管時,請尋找專用服務器選項。大多數網站所有者的..是VPS托管,它提供更快的加載時間,但您不必自己管理托管。
不知道從哪里開始托管?以下是為速度而構建的七個主機選項的細分。
7..小化HTTP請求
每次用戶訪問您的網站時必須下載的頁面元素數量會顯著影響加載時間。這包括從圖像到樣式表到腳本的所有內容,這些前端組件可以占到80%的加載時間。
.好的解決方案是使用組合文件來減少請求數量。這意味著將所有CSS放在一個樣式表中或盡可能組合腳本。
這一切都歸結為輕量級代碼和.佳實踐。每個瀏覽器必須讀取的越多,加載所需的時間就越長。
8.刪除不必要的插件
沒有什么能比像一堆一直在運行的插件一樣壓低網站。(你真的需要Google Analytics插件嗎?)
盡可能擺脫插件冗余。Ditch插件沒有更新的規則性,也不適用于您網站環境的當前版本。
對于你可以手動完成的事情......使用插件退出。它們只會減慢您的網站速度。
9.啟用延遲加載
如果滾動上方的元素加載比其他所有元素快一點怎么辦?這是可以用于更重,更復雜頁面的“技巧”之一。
延遲加載對于長滾動頁面非常理想。它會從頁面的頂部到底部加載內容,如果您的頁面在滾動下面有大量圖像(即使它確實與此處概述的其他一些建議相悖),效果也很好。有選擇權,這對嗎?)
這實際上是一個花哨的緩存選項。
結論
您在做什么來確保您的網站在2019年為速度而建?
遵循桌面和移動速度影響的.佳實踐,而不僅僅是用戶訪問網站的速度。它還會影響網站排名,搜索優化和轉化率。(如果頁面沒有加載,用戶應該如何購買產品?)
盡量開始清理代碼并優化您的網站,即使您每月只執行其中一項操作,您也會開始看到結果。祝好運!