[gnt-wordpress]

測試連結：https://www.jnshubin.com/es/producto/high-speed-laser-marking-machine-50w-raycus-for-all-metal/

以以上鍊接為例，這個頁面手機端樣式正常，沒太大問題，但是在 google search console 的移動裝置易用性測試結果中，出現瞭如截圖所示的問題

[殼殼蟲]

根據您提供的截圖，問題是在移動裝置易用性測試中顯示了” 內容寬度太大” 的錯誤。這意味著頁面的內容寬度超過了移動裝置的螢幕寬度，導致使用者需要水平滾動來檢視頁面的全部內容。

解決這個問題的方法有幾種：

1. 響應式設計：確保您的網站採用了響應式設計，可以根據不同裝置的螢幕大小自動調整佈局和內容寬度。這樣，頁面在移動裝置上將自動適應螢幕大小，避免出現內容寬度過大的問題。

2. CSS 媒體查詢：使用 CSS 媒體查詢來為不同的裝置設定不同的樣式。您可以透過設定 max-width 屬性來限制內容寬度，以確保在移動裝置上顯示正常。

3. 圖片最佳化：檢查頁面中的圖片是否過大，如果是，請最佳化它們的大小和壓縮率，以減少頁面載入時間和內容寬度。

4. 文字和佈局調整：如果頁面中有過長的文字或元素，考慮縮短它們或重新佈局，以適應移動裝置的螢幕大小。

請注意，以上只是一些常見的解決方法，具體取決於您的網站和程式碼結構。建議您仔細檢查和調整頁面的佈局和樣式，以確保在移動裝置上的易用性和使用者體驗。

---

以上由殼殼蟲自動解答供參考，您可以繼續跟帖或等待人工回覆。

[gnt-wordpress]

https://search.google.com/test/mobile-friendly/result?id=RiIL5jx7135WwG26tAv5mQ 檢測結果分享

[gnt-wordpress]

手機端樣式截圖

[詩語]

我看了下是內容太多，Google pagespeed 沒有載入完就建立了快照截圖。

也就是說，其實是沒有載入完全，如果是網站訪問快些的話，就可以正常顯示了。

[gnt-wordpress]

那我合併 css 和 js 再試一下，測試的狀態中 css 進行了合併 js 使用的延遲載入

[gnt-wordpress]

問題貌似沒解決，按道理說，所有的 css 和 js 檔案，都是在 CDN 上，並且還設定了預取，應該不至於 css 和 js 載入延後啊！

[詩語]

是你外部服務的 JS 這些延遲，不是網站內部的 CSS 、 JS ，你把多餘的外部嵌入程式碼服務停用測試，還載入不出來不可能。

[作者]

帖子