在當今的數字世界中,移動設備比台式機更重要,這就是SEO專家建議更多地關注移動設備而不是台式機的原因。
如果您的WordPress網站運行速度不快,那麼您的受眾群體和Google都會對它不滿意,這將導致您失去可見性和流量。
如果您想防止移動頁面速度問題妨礙吸引訪問者並將其轉變為熱情的客戶,在這裡,我們提供了一些技巧來加快移動網站的加載速度。
首先讓我們找出您的網站有多快。
- 轉到Think With Google的“ 測試您的移動速度”頁面, 然後輸入URL來掃描您的網站。
- 這將啟動來分析移動網站檢查HTML和CSS,JavaScript的,壓縮性,可用性,也比較你的Wordpress網頁的速度,在你的行業的其他網站。
- 掃描完成後,您將看到您的移動頁面加載時間,估計的訪問者損失以及行業比較。它還將告訴您通過應用一些修復程序可以減少多少加載時間。
Contents
如何使您的移動網站更快地加載
以下是改善移動設備上WordPress頁面加載時間的步驟:
選擇合適的主機
頁面加載速度取決於您的Web編碼,但也完全取決於您的Web託管服務器。意味著您的服務器等待響應瀏覽器請求的時間更長,這將影響頁面加載時間。這就是為什麼更快的虛擬主機很重要或建議優化網站加載時間的原因。
您可以從不同的託管計劃中進行選擇,包括VPS或專用服務器,它們將比共享服務器提供更好的服務。
同樣,您或您的目標受眾附近的託管服務器將延遲加載時間。如果您從美國獲得了更多的訪問者,則必須為可快速提供網頁的相同位置(美國)選擇託管服務器位置。
使用內容交付網絡
同樣,如果您已經購買了虛擬主機計劃,並且對服務器的位置不滿意,則可以隨時使用CDN來補充主機。CDN將站點的權重分佈在許多不同的服務器上,每個服務器都託管在不同的數據中心。發揮這種服務器網絡的作用意味著,向每個用戶提供距離他們最近的服務器的內容。這減少了內容必須經過的距離,從而加快了加載時間。
這是使用內容交付網絡的示例
要求託管服務提供商更新最新版本的PHP
PHP是我們用來形成WordPress網站及其功能主幹的開源腳本語言。使用PHP進行任何動手編碼都無關緊要,它始終存在於服務器級別,並且如果不更新,它可能會對移動頁面的速度產生影響。
首次設置WordPress網站時,您的網絡主機應自動選擇最新版本的PHP。但是,除非您啟用了託管的PHP更新,否則您必須保持此狀態。我們建議您與託管支持團隊一起更新PHP版本。
使用緩存插件
對於WordPress網站,最快,最簡單的降低頁面加載速度的方法之一是安裝一個緩存插件,例如WP Total Cache或WP Super Cache。這兩個插件都可以免費下載並且非常好。儘管名稱是緩存插件,但緩存插件的主要功能是瀏覽器緩存。
清理數據庫
WordPress的陷阱之一是,由於保存了草稿,帖子修訂,停用的插件等,您的數據庫很快就會變得非常混亂。WP-Optimize是一個出色的插件,它會定期刪除所有不需要的東西,從而使文件混亂您的數據庫。
壓縮圖像
如果您使用的是WordPress,請安裝WP Smush.it插件以自動壓縮圖像。這將減小圖像的大小,而不會損失任何視覺質量。這個插件的好處是,每次您上傳新圖片時,它都會在後台運行。您還可以回顧性地對上傳到媒體庫的所有圖像運行它
禁用圖像的熱鏈接
當其他網站“熱鏈接”到您的圖像時,它會佔用帶寬,從而降低網站速度。為了防止其他站點佔用您的帶寬,您可以將此代碼段添加到您的.htaccess文件中。切記更改example.com的內容!
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?example.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]
用gzip壓縮您的網站
Gzip是一種用於壓縮網站文件的簡單方法,以節省帶寬並加快頁面加載時間。Gzip的工作方式是將文件壓縮為zip文件,這樣可以更快地加載用戶的瀏覽器。然後,用戶的瀏覽器將文件解壓縮並顯示內容。這種將內容從服務器傳輸到瀏覽器的方法效率更高,並節省了大量時間。
您只需將以下代碼添加到.htaccess文件中即可啟用Gzip:
# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript# Or, compress certain file types by extension:
SetOutputFilter DEFLATE
要檢查是否已啟用Gzip或在您的站點上正常工作,可以使用Gziptest.com。
縮小CSS和JS文件
當您查看導致網頁加載緩慢的原因時,很可能與大量笨拙的Javascript文件或CSS加載效率低有關。WordPress和其他內容管理系統的缺陷之一是,幾乎每次安裝新插件時都會添加一個新的JS或CSS文件。
有幾種縮小文件的方法。第一種方法涉及將所有文件壓縮到一個文件中-因此,無需調用十個單獨的javascript文件,您只需將所有javascript放在一個文件中即可。
縮小的第二個方面涉及刪除空白並使文件更小。如果您使用的是WordPress,WP Minify是一個很棒的插件,可以自動為您完成所有這些工作。
啟用保持活動
HTTP保持活動狀態是指在客戶端計算機和Web服務器之間發送的請求下載文件權限的消息。啟用Keep-Alive可使客戶端計算機下載多個文件而無需反复徵求許可,這有助於節省帶寬。
要啟用Keep-Alive,只需將以下代碼複製並粘貼到您的.htaccess文件中。
標頭設置連接保持活動
減少重定向
雖然301(永久)重定向比404錯誤(鏈接斷開)更可取,但它們仍然不理想,因為它們會減慢瀏覽器到達正確版本的頁面所需的時間。
Screaming Frog再次成為發現301重定向的好工具。如果您使用的是PC,還可以使用Xenu Link Sleuth,它是從網站抓取數據的好工具。
關閉pingbacks
引用和引用在WordPress中實際上並沒有任何實際用途,但是默認情況下通常啟用它們。我建議關閉這兩個選項,因為它們確實阻塞了數據庫並增加了發出的請求數量。
要在您發布的每個帖子上禁用pingback,請轉到“管理”→“設置”→“討論”,然後關閉“允許來自其他博客的鏈接通知(pingback和引用)”選項。
將您的移動網站轉換為更快的格式
引入了兩種網站和網頁格式,以幫助我們更好地處理移動設備上的緩慢加載時間。兩者都已在此博客上廣泛討論,因此,我不想在這里花太多時間談論它們。但是,我確實想快速總結一下,為什麼將移動網站遷移到以下一種或兩種格式可能會有所幫助:
AMP: AMP是“ Accelerated Mobile Pages”的縮寫。有很多因素可以使此頁面快速格式化:
- 它主要依賴輕量級HTML。
- 它使用延遲加載。
- 頁面內容被緩存在Google Cloud中。
儘管您可以在任何網站上使用它,但對於想要提供快速閱讀體驗的數字出版物和博客而言,它尤其有用。而且,它易於實現-您只需要一個WordPress插件即可轉換頁面。
PWA:PWA是“ Progressive Web App”的縮寫。它充分利用了移動網絡的優勢(即可搜索性和便利性),並將其與移動應用程序相結合(即更具移動友好性的設計以及電話功能)。它也比傳統的移動網站快得多。
要注意的另一件事是,可以像移動應用程序一樣離線訪問PWA,如果您的網站針對居住在低覆蓋區或無覆蓋區的人們,那麼PWA就是一個不錯的選擇。
由於PWA將網站放入類似應用的外殼中,因此無需選擇要轉換的網站頁面。如果您想從頭到尾創建更好,更快的體驗,請以PWA的形式構建(或轉換您的網站)。
雖然有一些WordPress插件可以幫助您將網站轉變為一種PWA,但最好還是從頭開始編寫此插件。
現在,您可以再次考慮使用Google的“ 測試您的移動速度”頁面 並輸入URL來掃描您的網站,現在您的得分是多少?
再次重要的是,定期重新訪問您的移動網站以確保其運行速度盡可能快。