javascript - 我如何优化此 CSS3/许多图像以提高性能？

Question

这是 link to site

这里有一些我想调整的东西，但我不太确定我还能做些什么。

缩略图和网站图标是通过外部服务提取的，我宁愿不设置反向代理来缓存它们。通常，图像应该在加载时平滑地淡入(以一种“随机”顺序，它会产生很好的效果)。

您会注意到当页面加载时，它似乎有点不稳定，我认为是因为 Twitter 脚本在所有缩略图淡入的同时加载。

我尝试查看了几种性能工具，但对于如何改进它我有点不知所措。

我唯一能想到的就是让 Twitter 偏移一两秒。

Answer 1

你应该看看image sprites和 HTML defer属性。您还应该考虑打包脚本，将它们移动到页脚并合并它们。 CSS 也是如此，而且，你应该将它们放在两个单独的组中，这将导致它们分两批加载。