在我的公司，我们有一个内联网，我们的品牌网络文件总共有20个小图像（基本上是图标）和一堆js和css文件。我想尝试完全优化性能。我已经完成了所有基本技巧，如缩小和组合。但是现在对于图像，我想知道什么是最好的方法，因为它是具有快速内部下载速度（快速wan）和双核i7计算机的内部网。此外，它的主要6个办事处遍布加拿大和美国。
我有一个方法，我使用工具自动转换每个图像与base64编码，然后将它们放在js或css文件中。然后使用该工具将css填充到js文件中。现在我留下了1个js文件，其中包含所有css和base64字符串，大约350KB。此外，由于它的1个js文件，它可以缓存在服务器端和客户端。
有谁知道这个的优点和缺点，以及可以采取哪些措施来改善它？
由于
答案 0 :(得分：2)
20张图片，高速内联网的总大小为350KB。
在这种特定情况下，您认为在优化方面花费的时间更多，而不是在最终结果中获益。
如果你想将其归结为单个http请求，请获取一个php文件将它们转换为base64数据网址并将它们嵌入到源文件中。
您也可以使用JSON文件并通过JS加载它。在那里你会有后期加载图像的效果。
在我看来，这种情况下最好的是普通img标签。
答案 1 :(得分：0)
使用base64实际上不会压缩你的图像，它只是使它不依赖于文件。它实际上使图像更大。
保存图像空间的好方法是使用精灵表，并使用在线图像压缩器压缩图像。
我建议你自己使用这些图片。如果必须的话，也许压缩它们。