為移動速度設(shè)計網(wǎng)站的10種方法



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


首先，測試你的移動速度。然后使用這些技巧來提高你的性能，讓更多的用戶在你的網(wǎng)站上停留更長時間。


1、優(yōu)化圖片


網(wǎng)站速度大的問題之一是圖像大小。圖像實際上可以占到頁面上下載數(shù)據(jù)的大部分，通過正確格式化和保存圖像，您可以大大減少提供這些信息所需的字節(jié)數(shù)。


優(yōu)化圖像簡單的方法是在上傳前使用它們。在將圖像添加到內(nèi)容管理系統(tǒng)之前，將其裁剪到所需的大小并保存到web。然后壓縮圖像，使文件大小盡可能小。


我們有一個圖像壓縮工具的偉大總結(jié)在這里。他們可以幫助你優(yōu)化你的圖像之前，你上傳。


2、托管事宜


托管計劃并不適用于所有的網(wǎng)站。緩慢的托管是一個經(jīng)常被隱藏的問題，對于那些隨著時間的推移穩(wěn)步增長，但沒有提高其托管計劃的網(wǎng)站來說是很常見的。


要確保您的托管計劃是為速度而構(gòu)建的，請選擇專用的服務(wù)器選項。如果您需要一些更經(jīng)濟實惠的東西，下一個選擇是VPS托管，您已經(jīng)與專用服務(wù)器資源共享了托管。


然后，考慮一下像視頻內(nèi)容這樣的負載***。如果可能的話，使用外部工具來托管這些文件。像YouTube這樣的服務(wù)就是好的。（這可能是你已經(jīng)在做的事情。）本質(zhì)上，您可以在這些文件的本地位置鏈接到它們，而不是將它們添加到站點文件中。


3、注意JS


JavaScript提供了很多很酷的效果和網(wǎng)站上發(fā)生的事情。沒有什么辦法可以避開它。


注意你如何使用JavaScript，它不會減慢你的網(wǎng)站為移動用戶。


將JavaScript放在文件的底部:當JavaScript加載時，瀏覽器不會加載其他元素。如果可以的話，將JS腳本移到頁面底部來解決這個問題。通過這種方式，HTML內(nèi)容首先呈現(xiàn)，您可以使用視覺提示讓用戶知道更多的數(shù)據(jù)即將到來，如果需要的話。


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


使用異步JavaScript:選擇異步JS加載，直到一次呈現(xiàn)所有非關(guān)鍵元素。這允許腳本同時加載，而不是逐個加載。


4、使用延遲加載


從邏輯上講，從上到下加載內(nèi)容是有意義的，對吧？


延遲加載允許先加載屏幕上的內(nèi)容，然后再加載其他內(nèi)容。（在速度和搜索引擎優(yōu)化方面，谷歌喜歡這個選項。）


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


5、利用緩存


緩存允許瀏覽器在用戶設(shè)備上存儲經(jīng)常被請求的文件一段時間。


啟用緩存是提高頁面速度推薦的選項之一。用戶會感謝你的。


6、減少重定向


你知道你的網(wǎng)站有多少重定向嗎？雖然重定向有很多好處，但是它們會減慢站點的速度。當涉及到重定向時，建議是消除不必的重定向。


速度快的是301重定向，它將用戶從一個過時的頁面轉(zhuǎn)移到一個新版本。想想你的內(nèi)容，如果這個動作仍然是要的?？赡苄枰M行重定向?qū)徲嫛?br/>

Varvy的重定向映射器可以幫助你確定從哪里開始。7、嘗試加速移動頁面


加速移動頁面是一個開源的模仿谷歌，旨在創(chuàng)建頁面加載快速移動設(shè)備。


創(chuàng)建AMP版本的著陸頁，以充分利用該技術(shù)。這些頁面使用AMP HTML格式和AMP JavaScript，對于做大量在線廣告或?qū)⒂脩舭l(fā)送到特定位置的網(wǎng)站來說，這是一個理想的解決方案。


好處是AMP頁面幾乎可以立即加載。缺點是后端需要做更多的工作。


有很多關(guān)于AMP項目的信息。