html - 可以将图像作为背景减慢页面的工作速度

Question

我已经创建了自己的网站，并不复杂。但是，当我将背景从简单的颜色更改为图像时，网站上的一切都运行得很慢，所有的动画和一切。

工作 CSS 代码：

body{    
    color:#eee; 
        background-color: grey;      

}

使网站变慢的 CSS：

body{

    color:#eee;
    background-image:url("images/bodyImage3.jpg");
        background-size: 1400px;

}

score 8 · Accepted Answer

8

是的，它会的。尝试background-position: fixed，可能会有所帮助。

于 2012-12-23T03:05:36.730 回答

score 6 · Accepted Answer

6

是的，一张 1400 像素的图片会降低网站的速度。

于 2012-12-23T03:03:19.813 回答

score 3 · Accepted Answer

还值得一提的是 expires-headers，它允许客户端浏览器缓存背景图像，这样他们就不必在每次访问您的站点时下载它。这不会在第一次提高性能，但在随后的访问中，用户应该会注意到显着的改进。该站点列出了您可以为加快站点速度而进行的改进列表，包括一些有关过期的信息，这些信息应该可以帮助您入门。

3 回答 3