眾所周知,針對手機優(yōu)化您的網站或 Web 應用程序已變得與針對臺式機優(yōu)化一樣重要(如果不是更重要的話),自 2017 年以來的研究表明,近一半的網絡訪問者來自移動設備,而且這些數(shù)字似乎呈上升趨勢。
不用說,無論用戶使用什么設備,企業(yè)建站公司都希望為用戶提供出色的用戶體驗 (UX) 體驗……但移動用戶面臨著特定的挑戰(zhàn)。
除了移動用戶體驗的明顯障礙(這超出了我們在這里討論的范圍)之外,移動用戶使用蜂窩服務的可能性很高,這通常意味著與使用 Wi-Fi 的訪問者相比,下載和上傳速度較慢。出于這個原因,在一些平臺分數(shù)上移動設備的權重不同——這使得移動優(yōu)化對于搜索引擎優(yōu)化 (SEO) 和用戶體驗都至關重要。
幸運的是,企業(yè)建站公司可以通過五種簡單、離散的攻擊途徑來分解如何達到峰值移動性能優(yōu)化并避免陷阱。
避免渲染阻塞內容
如所討論的,頁面速度僅在蜂窩網絡上的用戶中被進一步強調。這就是為什么盡快加載您的內容至關重要的原因。只要屏幕上存在正在加載內容的反饋,用戶通常更能容忍加載時間。您可以通過在更重要的位之前添加不必要的渲染阻止 javascript 和 CSS 來阻止可見內容。
那么什么是渲染阻塞內容呢?好吧,它是在瀏覽器可以繼續(xù)加載頁面的其余部分之前必須加載的任何資源。這意味著,從技術上講,HTML 是一種阻止渲染的資源(盡管它很關鍵)。這個想法是確定非關鍵的渲染阻塞資源并將它們移動到頁面的頁腳或底部,使網站感覺更快
利用延遲加載
您可以將延遲加載視為避免圖像的渲染阻塞。圖像可能是您網站上一些[敏感詞]的資產。盡管您當然可以壓縮圖像(稍后會詳細介紹),但某些頁面可以使用數(shù)十張圖像,這會顯著影響加載時間。因此,類似于將非關鍵渲染阻止資源移動到頁腳,您可以在您的站點上“延遲加載”非關鍵圖像。
延遲加載是卸載圖像的加載,直到它在用戶的視口中可見。這可以通過各種 javascript 插件來完成,一些瀏覽器甚至原生支持它,盡管在撰寫本文時,通用支持還有很長的路要走。
延遲加載是一種強大的優(yōu)化工具,尤其是對于具有大量圖像的網站或 Web 應用程序。
優(yōu)化您的服務器設置
有一點是您網站前端的優(yōu)化收益遞減。通常,在這種情況下,對您網站的后端、服務器或托管解決方案的更改將在提高您的移動搜索引擎平臺得分(以及類似的優(yōu)化測試)方面獲得[敏感詞]收益。
慢速 DNS 主機
我很遺憾地說,并非所有托管服務提供商都是平等的。更便宜或信譽不佳的解決方案通常會提供緩慢的服務器性能,這可能會破壞原本優(yōu)化良好的站點,導致響應時間緩慢。如果這對您來說是個問題,請考慮升級到更好的優(yōu)化計劃或完全遷移到新主機。
不使用內容交付網絡 (CDN)
使用內容交付網絡 (CDN) 可能是您的移動用戶的一大勝利。當有人訪問您的頁面時,他們通常會直接從站點的服務器上提取資源,這可能位于世界的另一端。CDN 允許在附近的服務器(或“節(jié)點”)中引用資產,在這些服務器中,緩存的資源可能更接近且可以更快地訪問,從而提高您網站的性能和速度得分。
大量重定向
重定向對于您的網站可能是一個有用的工具(特別是如果您已將現(xiàn)有內容遷移到新 URL),但過度使用重定向可能會導致難以處理的鏈接,甚至更糟糕的是重定向循環(huán)。盡管它們不僅僅針對移動優(yōu)化,但鏈和循環(huán)可能會導致加載時間變慢并影響您的 SEO 分數(shù)。當你發(fā)現(xiàn)它們時,一定要故意使用重定向并減少鏈。
壓縮,壓縮,壓縮!
與此列表中的大多數(shù)優(yōu)化方法一樣,壓縮通過解決使用蜂窩網絡為訪問者增加等待時間的資產來減少加載時間。Web 優(yōu)化中最常見的錯誤之一是沒有壓縮您的資產。這可能包括使用大于 500kb 的圖像、未壓縮的 javascript 和 CSS,或者在您的服務器上不使用 GZIP 壓縮。
保留緩存
最后,緩存是桌面和移動性能優(yōu)化的強大工具。您網站上的內容可能不會經常更新。因此,讓用戶重新加載頁面上的每個資源可能是不必要且耗時的。
緩存(在瀏覽器或服務器上)可以通過創(chuàng)建頁面的復制(緩存)版本而不是每次用戶訪問頁面時重新加載頁面來提高性能。緩存可以自定義為在特定時間間隔或指定的自定義事件到期,其效果與使用 CDN 為您的資產獲得的資源收益相同。
網站移動性能優(yōu)化:雙贏
隨著基于手機的網絡流量增加和谷歌尋求強調移動優(yōu)先的性能,企業(yè)建站公司覺得在移動優(yōu)化方面處于領先地位變得更加重要。