我正在尝试通过减少为各种图像精灵完成的额外请求并将所有图像精灵嵌入主样式表来提高页面性能。现在我的样式表大小增长很快，现在已达到近500KB，它开始让我担心 - 它是否会在桌面和移动浏览器中正确缓存？
我read about mobile caching并发现现代（不关心旧的）移动浏览器会缓存最大1MB的文件。所以，如果我理解正确，缓存一切都应该没问题，对吗？
然后我也感兴趣的是，在分别提供图标精灵（大约10-20个文件）或将所有内容包含在一个样式表中时，性能有任何重大差异（将请求数从11-21减少到只有1）？
我是否正确地认为一个更大的要求比10-20个小要求好得多？
谢谢
答案 0 :(得分：1)
它是否可以在桌面和移动浏览器中正确缓存？
不确定。没有理由认为它不会，尽管移动浏览器确实有较小的缓存。
我是否正确地认为一个更大的要求比10-20个小要求好得多？
是的，通常是。大多数浏览器将配置为在页面中最多发生4次并行下载，因此10-20个请求将需要更多的连接和响应延迟。
但是两个大请求可以并行完成，因此请考虑使用大型精灵表而不是数据URI（base64也比编码二进制文件大30％）。