将图像等页面资源捆绑在单个HTTP响应中



对于CSS和JS这样的资源,这些东西通常是单独的资源(每个资源都需要单独的HTTP请求/响应才能获取(。但是它们可以内联,以减少单独资源的数量。

我想知道同样的事情是否也适用于图像。

  • 也许在标题中包含图像?

  • 或者在实际的HTML中内联(在Base64编码或其他什么中(?

(1( 这可能吗?(2( 这是个好主意吗?(为什么?(

为了减少与图像相关的请求,您可以使用CSS Sprites/Image Sprites,它将所有图像组合在一个图像中(因此只有一个请求到服务器(,然后使用CSS 将其显示为不同的元素

有关更多信息,请参阅W3学校指南

Spritepad是生成图像精灵的好工具

使用base64的图像内联HTML可能会变得庞大,因为每次提取页面时都会下载它,而不是缓存图像

相关内容

  • 没有找到相关文章

最新更新