Question

因此，现在通常的做法是连接和扩展。缩小我们的网络应用资产，例如css＆amp; javascript。几乎每个技术堆栈都提供了这样做的工具。

我想知道的是，是否有办法连接我的所有图像资源。我敢肯定，这会加快我的图片重载网站的速度。

我知道如何手动实现这一点（想想PS中的拼接图像）。我也知道可以自动执行此操作的算法。

我的问题是：

这是否已成为标准做法？
有工具吗？
它是否真的有助于加快网站的加载（我认为，同样的逻辑，它绝对应该。

Answer 1

是的。这实际上是一种古老的做法，可追溯到网络流行之前。网络程序员多年来一直这样做。
是的;恩。 http://spritegen.website-performance.org/
是的，因为Web浏览器需要提供的数据请求数量不多。确保数据加载相同，但请求和响应的数量减少了。

Answer 2

有很多方法可以实现这一点，这对我来说最有效。 CSS。将此style.css命名为

    *, html { font-family:Arial, Helvetica, sans-serif; }

    body, form, ul, li, p, h1, h2, h3, h4, h5
    {
        margin: 0;
        padding: 0;
    }
    body { background-color: #606061; color: #ffffff; }
    img { border: none; }
    p
   {
        font-size: 1em;
        margin: 0 0 1em 0;
   }

    /* CSS image preload styles */
    body:after
    {
        content: url(img/img01.png) url(img/img02.png) url(img/img03.png) url(img/img04.png) url(img/img05.png)
    }

然后在HTML <head>中添加：

   <head>

        <link rel="stylesheet" type="text/css" href="styles.css" media="screen" />
        <title>Preload Images</title>

   </head>

这应该加载非常快。如果没有使你的图像文件更小。

连接/拼接Web图像资源以改善加载时间

2 个答案: