背景大小：覆蓋滯後

所以我有這個問題，在我的網站上，我有很多與背景大小的部分：對他們的封面屬性，並導致我的網站滯後地獄。是否有任何解決方案在每臺設備上包含100％的圖片寬度，但是爲了擺脫網站滯後？我搜索了一些其他的網站，發現這個對象適合：封面上的img標籤，但似乎無法在我的網頁上實現。我也壓縮每個圖像，所以它佔用更少的空間。任何答案都會有很大的幫助。提前致謝。背景大小：覆蓋滯後

的Website

來源

2016-04-03 Ognjen

請分享您的網站，我不認爲'background-size：cover;'導致laggs – Roman

網站仍然是本地主機，它確實，我檢查了，當我刪除它們時，它順利滾動 – Ognjen

@Roman我會說**分享一個最小的，具體的和可驗證的例子**，而不是一個網站或一個編碼器。 – Terry

那麼首先你所有的網站加載快，我（但我有一個非常快速的連接）。但是，儘管如此，你的圖片太大了，無法滿足你的需求。例如，box-2.jpg有一個size: 3500 x 2333 px。你應該調整你的圖像。

只是壓縮圖像在這裏不會有太大的幫助，因爲尺寸依然存在，壓縮太多也是不好的，因爲你總是失去質量。例如谷歌速度見解總是建議將圖像壓縮到最大值，這不是要走的路。

但是對於你google speed insights是一個很好的方式去尋找其他elememts可以優化。

來源

2016-04-03 12:34:16 Roman

你認爲，其他一些CSS方法會有所作爲嗎？也許不會使用bg-size：cover，而是其他的東西？ – Ognjen

說實話，我不認爲bg-size：cover;是這個原因，但我從來沒有遇到過這樣的問題，所以我不想在這裏說錯了什麼。 – Roman

謝謝你的回答，我會盡量降低img尺寸。 – Ognjen

背景大小：覆蓋滯後

回答

相關問題