危機公關手冊：優化網站移動性能的幾種方法

眾所周知，優化手機網站或Web應用程序和優化臺式機一樣重要(如果不是更多)。自2017年以來，研究表明，近一半的網絡訪問者來自移動設備，這些數字似乎在上升。毫無疑問，無論用戶使用哪種設備，我們都希望為他們提供優秀的用戶體驗（UX）但移動用戶面臨著特定的挑戰。除了移動UX除了明顯的障礙(這不在我們的討論范圍內)，移動用戶更有可能使用蜂窩服務，這通常意味著和Wi-Fi與上述訪問者相比，下載和上傳速度較慢。幸運的是，我們可以通過五種簡單的離散攻擊方法來分解如何優化最佳移動性能，避免陷阱。只有蜂窩網絡上的用戶才能進一步強調頁面速度，以避免渲染阻止內容被討論。這就是為什么盡快加載你的內容很重要。只要屏幕上有反饋，用戶通常可以容忍加載時間。那什么是渲染阻止內容呢？這是瀏覽器可以繼續加載頁面其他部分之前必須加載的任何資源。從技術上講，這意味著HTML它是一種防止渲染的資源(盡管至關重要)。這個想法是確定非關鍵渲染來阻止資源，并將其移動到頁面的頁腳或底部，使網站感覺更快。阻止渲染的內容通常是臺式機和移動設備性能的最大罪魁禍首之一，因此請將可移動的非關鍵文件移動到頁面底部。您可以將延遲加載視為避免圖像渲染堵塞。圖片可能是你網站上最大的資產。雖然可以壓縮圖像(稍后介紹)，但有些頁面可以使用幾十個圖像，會顯著影響加載時間。因此，您可以在網站上延遲加載非關鍵圖像，類似于將非關鍵渲染阻止資源轉移到頁腳。延遲加載正在卸載圖像加載，直到它在用戶的視野中可見。各種可用javascript一些瀏覽器甚至自己的機器都支持這個操作，盡管它在寫這篇文章時仍然得不到普遍的支持。延遲加載可以是一種強大的優化工具，特別是對于具有大量圖像的網站或Web應用程序而言。網站前端的優化有時會帶來越來越少的回報。通常，更改網站的后端、服務器或托管解決方案可以最大限度地提高移動分數（以及類似的優化測試），從而獲得最大的收入。這可以是一個廣泛的類別，但我將提到最大和最常見的罪魁禍首：慢速DNS我很難過地說，并非所有的托管服務提供商都是一樣的。較便宜或信譽較差的解決方案通常會降低服務器性能，從而破壞響應時間緩慢的本來很好優化的站點。如果這是您的問題，請考慮升級到更好的優化計劃或完全遷移到新主機。不使用內容傳輸網絡（CDN）利用內容交付網絡（CDN）這對你的移動用戶來說可能是一個重大勝利。當有人訪問你的頁面時，他們通常會直接從網站的服務器中提取資源，這些資源可能位于世界的另一端。CDN允許在附近的服務器（或節點）中引用資產。在這些服務器中，緩存更快地訪問，從而提高網站的性能和速度得分。對于你的網站來說，大量的重定向和重定向可能是一個有用的工具(尤其是如果你已經將現有內容轉移到新的內容)URL），但過度使用重定向會導致繁瑣的鏈接，甚至導致更糟糕的重定向循環。雖然它們不僅針對移動優化，但鏈和循環會減慢加載時間，影響你SEO得分。一定要故意使用重定向，并在發現重定向時減少鏈接。最后，緩存是優化桌面和移動性能的有力工具。您網站上的內容可能不會經常更新。因此，用戶可能不需要和耗時地重新加載頁面上的每一個資源。通過創建頁面的復制(緩存)版本，而不是每次用戶訪問頁面時重新加載頁面可以在瀏覽器或服務器上進行緩存。緩存自定義可在特定時間間隔或指定自定義事件后過期，其效果和使用CDN獲得資產的資源收益是一致的。