提高移動端手機網站打開(kāi)速度的10種(zhǒng)方法

　　你最近做過(guò)移動速度測試嗎？你的網站排名如何？一個緩慢的網站會(huì)讓手機用戶望而卻步。理想情況下，您希望您的設計可以像在Wi-Fi上的桌面(miàn)用戶一樣，在手機上快速加載4G用戶。（這(zhè)是一個相當大的要求，但有些事(shì)情你可以做到。）

　　首先，測試你的移動速度。然後(hòu)使用這(zhè)些技巧來提高你的性能(néng)，讓更多的用戶在你的網站上停留更長(cháng)時(shí)間。

　　1、優化圖片

　　網站速度最大的問題之一是圖像大小。圖像實際上可以占到頁面(miàn)上下載數據的大部分，通過(guò)正确格式化和保存圖像，您可以大大減少提供這(zhè)些信息所需的字節數。

　　優化圖像最簡單的方法是在上傳前使用它們。在將(jiāng)圖像添加到内容管理系統之前，將(jiāng)其裁剪到所需的大小并保存到web。然後(hòu)壓縮圖像，使文件大小盡可能(néng)小。

　　我們有一個最好(hǎo)的圖像壓縮工具的偉大總結在這(zhè)裡(lǐ)。他們可以幫助你優化你的圖像之前，你上傳。

　　

　　2、托管事(shì)宜

　　最便宜的托管計劃并不适用于全部的網站。緩慢的托管是一個經(jīng)常被隐藏的問題，對(duì)于那些随著(zhe)時(shí)間的推移穩步增長(cháng)，但沒(méi)有提高其托管計劃的網站而言是很常見的。

　　要确保您的托管計劃是爲速度而構建的，請選擇專用的服務器選項。如果您需要一些更經(jīng)濟實惠的東西，下一個最好(hǎo)的選擇是VPS托管，您早已與專用服務器資源共享了托管。

　　然後(hòu)，考慮一下像視頻内容這(zhè)樣的負載殺手。如果可能(néng)的話，使用外部工具來托管這(zhè)些文件。像YouTube這(zhè)樣的服務就(jiù)是完美的。（這(zhè)可能(néng)是你早已在做的事(shì)情。）本質上，您可以在這(zhè)些文件的本地位置鏈接到它們，而不是將(jiāng)它們添加到站點文件中。

　　3、注意JS

　　JavaScript提供了很多很酷的效果和網站上發(fā)生的事(shì)情。沒(méi)有什麼(me)辦法可以避開(kāi)它。

　　注意你如何使用JavaScript，它不會(huì)減慢你的網站爲移動用戶。

　　將(jiāng)JavaScript放在文件的底部:當JavaScript加載時(shí)，浏覽器不會(huì)加載其他元素。如果可以的話，將(jiāng)JS腳本移到頁面(miàn)底部來解決這(zhè)個問題。通過(guò)這(zhè)種(zhǒng)方式，HTML内容首先呈現，您可以使用視覺提示讓用戶知道(dào)更多的數據即將(jiāng)到來，如果需要的話。

　　優化和縮小:更小的文件加載速度更快。不要忘記這(zhè)也适用于代碼。

　　使用異步選擇異步JS加載，直到第一次呈現全部非關鍵元素。這(zhè)允許腳本同時(shí)加載，而不是逐個加載。

　　4、使用延遲加載

　　從邏輯上講，從上到下加載内容是有意義的，對(duì)吧？

　　延遲加載允許先加載屏幕上的内容，然後(hòu)再加載其他内容。（在速度和搜索引擎優化方面(miàn)，谷歌喜歡這(zhè)個選項。）

　　有很多WordPress插件可以幫助你做到這(zhè)一點，它們非常簡單，而且非常輕量級。嘗試一些像慢負載或WP火箭。

　　5、利用緩存

　　緩存允許浏覽器在用戶設備上存儲經(jīng)常被請求的文件一段時(shí)間。當啓用緩存時(shí)，後(hòu)續頁面(miàn)加載將(jiāng)更加高效。

　　啓用緩存是提高頁面(miàn)速度最推薦的選項之一。用戶會(huì)感謝你的。

　　6、減少重定向(xiàng)

　　你知道(dào)你的網站有多少重定向(xiàng)嗎？雖然重定向(xiàng)有很多好(hǎo)處，但是它們會(huì)減慢站點的速度。當涉及到重定向(xiàng)時(shí)，最好(hǎo)的建議是消除不必要的重定向(xiàng)。

　　速度最快的是301重定向(xiàng)，它將(jiāng)用戶從一個過(guò)時(shí)的頁面(miàn)轉移到一個新版本。想想你的内容，如果這(zhè)個動作仍然是必要的。可能(néng)需要進(jìn)行重定向(xiàng)審計。

　　Varvy的重定向(xiàng)映射器可以幫助你确定從哪裡(lǐ)開(kāi)始。

　　

　　7、嘗試加速移動頁面(miàn)

　　加速移動頁面(miàn)是一個開(kāi)源的模仿谷歌，旨在創建頁面(miàn)加載快速移動設備。

　　創建AMP版本的著(zhe)陸頁，以充分利用該技術。這(zhè)些頁面(miàn)使用AMP HTML格式和AMP JavaScript，對(duì)于做大量在線廣告或將(jiāng)用戶發(fā)送到特定位置的網站而言，這(zhè)是一個理想的解決方案。

　　最大的好(hǎo)處是AMP頁面(miàn)幾乎可以立即加載。缺點是後(hòu)端需要做更多的工作。

　　有很多關于AMP項目的信息。

　　

　　8、删除抽頭延遲

　　你有沒(méi)有注意到，當你點擊某樣東西時(shí)和移動設備上的動作發(fā)生之間會(huì)有一點延遲？這(zhè)種(zhǒng)延遲最初是爲了讓設備更容易識别雙擊。（這(zhè)個功能(néng)早已過(guò)時(shí)了）

　　這(zhè)是修複，把它放在頁眉。

　　谷歌的傑克·阿奇博爾德談到了這(zhè)個簡單的變化:“性能(néng)差異非常大!擁有一個即時(shí)響應的UI意味著(zhe)用戶可以自信地快速按下每個按鈕，而不是停下來等待響應。

　　9、考慮先進(jìn)的Web應用程序

　　如果你的網站有大量的互動内容和動态功能(néng)，一個進(jìn)步的網絡應用程序可能(néng)是解決方案。

　　PWAs是像應用程序一樣工作的網站（但沒(méi)有下載）。

　　PWAs的優點是它們可以像網站一樣搜索，不需要安裝或更新。它們也傾向(xiàng)于離線工作，允許推送通知，而且由于使用了緩存方法，它們的速度非常快。

　　棘手的部分是，這(zhè)是一個隻有開(kāi)發(fā)人員的選擇，而不是一個開(kāi)始網站建設者。但是，如果你的網站需要的内容總是在變化，而且不像它應該的那樣快，那絕對(duì)值得一看。

　　不相信嗎？玩一些有趣的漸進(jìn)式網絡應用程序。

　　

　　10、删除這(zhè)些插件

　　插件在創建網站功能(néng)方面(miàn)有很多價值。但是由于它們很容易找到和安裝，很多網站都(dōu)有大量未使用的插件在後(hòu)台運行。

　　這(zhè)就(jiù)提升了設計的權重和代碼。這(zhè)是用戶在看到設計之前必須下載的東西。它會(huì)讓你的網站慢下來。

　　當涉及到插件時(shí)，隻保留你需要的和實際使用的。關閉和删除全部其他内容。然後(hòu)确保你正在更新插件。過(guò)時(shí)、不支持或配置錯誤的插件是速度殺手。

　　考慮一下做同樣事(shì)情的插件——閱讀帶有更新的描述和文檔——在這(zhè)裡(lǐ)去掉冗餘。

　　最後(hòu)，去掉可以手動完成(chéng)的插件（字體安裝、頭标簽插入、分析等等）。