-1

So the whole body background of my website has been manually inserted in my CSS code below , but occasionally , sometimes the background takes many seconds to load and I'll first see the DEFAULT while background and I think that would not look good at all .. Users need to see the whole intended background right away .. How can I fix that ? Below is the part of the CSS code handling that.

body
    {
    background-image:url('/images/background.png');
        background-size:100%;
    width:100%;
    height:100%;
    margin:0 auto;
    }
4

1 回答 1

0

尽管在主页上提供大图像被认为是不好的做法（特别是考虑到 html5 提供的强大的客户端渲染选项，例如svg/矢量图形渲染（您可以在 adobe illustrator 上创建的任何东西都可以以微不足道的成本提供）和画布以及随附的强大库）有一些选项可以帮助您：

  1. 首次使用的用户：使用在边缘位置缓存静态内容的 CDN（内容交付网络），即像亚马逊的云前端这样的托管服务会在世界各地的服务器场中缓存您的图像副本。当首次使用的用户访问您的站点时。 . 它从离他们最近的服务器场向他们发送静态内容以减少延迟。

  2. 重复用户：您可以使用HTML 5 缓存。尽管默认情况下浏览器应该缓存像您的图像这样的静态内容。它是不可靠且不可预测的。使用 html 5 缓存，在用户访问您的网站后，html5 将缓存该图像，以便他们下次访问时几乎立即提供该图像。

于 2013-02-14T05:43:28.677 回答