針對移動版網站進行優化時，最佳做法是什麼？

Question

我想在屏幕上以小屏幕分辨率查看時在網站上排除一些項目，所以我使用CSS媒體查詢來隱藏項目。但是，例如Facebook Like框仍然在後臺加載 - 一些javascript和css文件 - 我如何防止加載它們以減少頁面加載時間？

現在我使用PHP來檢查用戶代理，然後簡單地排除代碼，但我不知道這是否是最好的方法。隨着時間的推移，當新設備被引入時，我將不得不改變PHP。像Modernizr這樣的腳本是一個選項嗎？

Answer 1

使用後端和前端混音效果最好。您可以使用諸如WURFL或Apache Mobile Filter之類的軟件，以便在後端工作，並且僅在is_tablet()或is_mobile()爲真時才加載某些內容。

另一方面，我建議檢查jQuery圖像延遲加載和按需加載的分享按鈕（如techcrunch.com）。這兩個前端技術可以真正改善頁面加載時間（他們幾乎減少了我網站上的初始頁面加載時間的一半）。

Answer 2

根據具體情況，還可以使用Modernizr（前端JavaScript解決方案）來檢測某些真實情況（如[寬度> 320]），然後根據該情況有條件地加載一些腳本等。