這幾乎是一個老生常談的問題:你的網站訪問速度足夠快嗎? 頁面的加載時間可能會影響用戶停留在你網站上的時間(或他們看到的內容)到搜索排名和整體轉化的幾乎關于網站的所有方面。
對于臺式機和移動設備,訪問速度不管在任何設備上都很重要,而就目前的形式來說,移動設備上的訪問速度正在比以往任何時候都更為重要。 你的網站不僅必須快速加載,它還需要在任何地方都可以快速加載。
所以,你應該怎么做呢? 首先運行諸如Google PageSpeed等網站速度檢測工具,以查看你的網站排名(你還將獲得一些建議,以幫助你加快網站的訪問速度)。 然后,開始進行這些調整,以使你的網站訪問速度得到提升。
1.不要讓事情變得過于復雜(Don’t Overcomplicate Things)
保持網站簡介和高度可用的最佳方法之一就是使其簡單。 適用于網站設計的相同原則同樣也適用于功能方面。
網站設計的一個常見的陷阱可能是添加過多的效果和功能,從而大大增加了加載所需的時間。 你是否需要在圖像上制作一些精美的動畫? 你是否需要主頁上使用視頻版塊? 你需要三個插件來完成一些定制開發可以完成的工作嗎?
所有這些事情可能會使你的網站變慢。 去除不必要的元素和功能可能會對速度產生很大的影響,進而影響可用性。
如果你不確定具體從哪里開始,分析可以提供最新數據來幫助你做出選擇。 從各個版塊開始,有人點擊嗎(或者有人點擊過任何幻燈片元素嗎)?如果沒有,那可能表明靜態圖像就可以了。 在整個網頁設計中尋找這些小提示,以簡化并加快速度。
2.壓縮(Compress It)
壓縮網站文件以節省更多帶寬并減少加載時間。 網站壓縮一般使用gzip格式(一種zip文件),瀏覽器隨后可以解壓縮并呈現該文件。
它可以幫助你節省很多時間,因為小的zip文件在網絡上傳輸的速度比同時小的許多zip文件要快。
gzip.org這樣描述他們的工具:“ gzip是單文件/流無損數據壓縮的實用程序,生成的壓縮文件通常后綴為.gz。 gzip還指實用程序使用的相關壓縮數據格式?!?br />
通過向你的htaccess文件添加一些代碼來啟用Gzip。
3.考慮使用CDN(Consider a CDN-Content Delivery Network)
內容交付網絡或CDN可以大大提高速度并節省帶寬。
CDN可以提供跨服務器網絡而不是單個位置的托管文件。 這樣,當有人訪問你的網站時,數據會從距離他們最近的服務器位置加載,從而減少服務器負載并保護你的網站免受流量激增或DDoS攻擊(雙贏)。
如果你一次性需要大量的流量(例如,在發送有關促銷優惠的電子郵件之后),則CDN特別有用,因為它可以幫助你分散流量。 這樣,每個人都將擁有相同,快捷的網站瀏覽體驗。
4.清理數據庫(Clean Up Your Database)
同一個網站的數據庫已經工作了多長時間? 特別是如果你使用的是WordPress的話,隨著時間的流逝,它會變得非常混亂。
你需要開始清理了。
整理數據庫并刪除不再使用的所有內容。 這包括從圖形到文件到插件和無關的JavaScript。
較小,較輕的數據庫將更快地返回數據文件(這也使備份的訪問更輕松)。
5.最小化TTFB(Minimize TTFB-Time to First Byte)
為用戶顯示的內容越快,網站的加載就越快,對嗎? 好吧……有點。
第一個字節的時間才是真正重要的。 那是瀏覽器從服務器獲取第一字節數據之前必須等待的時間。 (Google表示TTFB應該小于200毫秒。)
這是產生影響的事情之一,第一個字節到達瀏覽器并呈現的速度越快,隨后的數據可能加載得越快。 可能會影響TTFB的因素超出了你的控制范圍,例如用戶端的網絡連接不良,但是在理想情況下,初始數據應迅速到達并加載。
6、開啟緩存(Start Caching Now)
緩存將網站的組件存儲在用戶的本地緩存中,這樣,當用戶再次回到網站時,無需再次下載所有內容。 因此,訪問者第一次來到你的站點時,可能需要花費3秒鐘的時間來加載,但是隨后的訪問可能不到一秒鐘,因為所有這些數據已經與用戶“存儲”在一起。
雖然緩存對于新訪問者而言并不能起到很多作用,但對于“回頭客”(或瀏覽你的網站上的多個頁面的人)來說,這是一個了不起的速度節省工具。
7.優化圖像(Optimize Images)
你正在為網絡保存圖像,對不對?
在2019年,令人難以置信的是,許多網站所有者仍在將全尺寸圖片上傳到其頁面上,這是一個速度殺手。
上載圖像之前,請將其裁剪為必要的形狀和大小。 盡可能在不影響視覺元素的同時壓縮文件大小。 以小文件格式保存– JPG始終比PNG保存的格式小,除非你需要透明度,否則請使用前一種文件格式。
8.減少大文件的嵌入-例如視頻(Embed Huge Files ,Such as Video)
大文件會占用你網站的帶寬,并且它們可能難以管理和壓縮。
將不必要或者已經不需要的這些類型的文件從你的網站上刪除,并使用媒體嵌入方式從外部托管平臺獲取此信息。
你可以這樣考慮:YouTube可以提供快速托管和交付的視頻內容。 他們是專業的,你無論如何也做不到像它們那樣。 因此,充分利用它,將視頻文件存儲在YouTube(或Vimeo或你選擇的其他視頻平臺)上,然后將內容嵌入到你的網站設計中。 用戶不會知道其中的區別……但是他們會注意到你的網站加載速度有多快。
9.注意腳本文件(Take Care with JavaScript)
網站上發生的許多很酷的事情很可能是都是依靠JavaScript來產生的。 它可能會使你的網站變得復雜,但這沒關系,如果你注意如何處理JS和加載的話。
· 對JavaScript文件使用異步加載:由于文件是同時加載而不是從上到下加載的,因此可以加快頁面的速度。 異步加載的一個妙招是,如果一個文件被卡住或停止工作,它不會使其余文件陷入困境。 這些腳本將繼續加載并運行。
· 推遲加載某些JS文件:在完成所有其他元素之后,限制某些JS文件(特別是不會影響即時功能的大文件)進行加載。
· 優化和最小化:這很有意義——較小的文件將加載得更快,不要忘記縮小JS。
· 將JavaScript放在文件底部:其他元素和JS無法很好地同時加載。 通過在HTML內容中將JavaScript放置于末尾來解決此問題。
10.清理不必要的重定向(Eliminate Unnecessary Redirects)
你是否仍在通過重定向來實現新舊頁面的跳轉? 停下來,那會浪費加載時間。
盡管某些重定向是必不可少的,但應將其使用率降到最低。
使用諸如重定向映射器之類的工具來確定你的網站上正在執行哪些重定向,并消除你不知道什么用處的重定向。 展望未來,請考慮更新過時的頁面,而不是添加內容相似的新頁面。 搜索優化效果更好,所有這些鏈接將繼續有效!
11.選擇合適的主機(Pick the Right Hosting)
合適的主機和配置甚至可以決定速度的成敗。 如果你已經嘗試了許多其他修復網站訪問速度的工作,但仍然遇到速度問題,則可能是你的主機存在問題。
有這么多種選擇,要找到最適合自己預算的托管計劃可能很困難。 當談到為提高速度而構建的主機時,請尋找專用的服務器選項。 對于大多數網站所有者來說,首選的選擇是VPS托管,它提供了更快的加載時間,并且你不必自己管理托管。
12.最小化HTTP請求(Minimize HTTP Requests)
每次用戶訪問你的網站時所必須下載的頁面元素數量極大地影響了加載時間。 這包括從圖像到樣式再到腳本的所有內容,而這些前端組件可以解決多達80%的加載時間。
最好的解決方案是使用組合文件來減少請求數量。 這意味著將所有CSS放在一個樣式表中,或在可能的情況下合并腳本。
一切都歸結為輕量級代碼和最佳實踐。 每個瀏覽器閱讀的內容越多,加載時間就越長。
13.刪除不必要的插件(Strip Out Unnecessary Plugins)
沒有什么比費必要的插件始終在運行的網站那樣拖網站速度的后腿了。
盡可能消除冗余的插件。
對于你可以手動執行的操作……請直接退出插件。 他們只是在減慢你的網站速度。
14.啟用延遲加載(Enable Lazy Loading)
如果滾動上方的元素加載比其他所有元素快一點呢? 這是可以用于網站設計中的文件較多,較復雜的頁面的“技巧”之一。
對于長時間滾動的頁面,延遲加載可能是理想的選擇。 它會從頁面的頂部到底部加載內容,并且如果你的頁面在滾動條下方有大量圖像,則效果很好。
這本質上是一種奇特的緩存選項。
總結
你正在采取什么措施來確保你的網站在2020年實現快速訪問?
不管臺式機或移動設備都需要充分考慮速度的影響遠而不只是優化特定設備的速度。 它也會影響網站排名,搜索優化和轉化率。
將其作為開始清理代碼和優化網站的重點,即使你每月僅執行這些操作其中的一種,也將開始看到效果。 最后,祝好運!