我最近偶然发现了几个使用大型高质量图像作为背景图像的网站。我喜欢这种外观，但显然我担心加载时间。
这是一个示例：http : //bit.ly/1duLlYy
在我看来，图像好像是用CSS加载的。但是，由于没有加载时间，因此必须有另一种方式来执行此操作。这可能很愚蠢，但是我不认为它是服务器端的，否则它们的图像链接将不在CSS文档中，对吗？
我希望能就最佳做法提供一些反馈。
谢谢。
我想您是在问这个问题，因为您发现图像没有在页面“后”加载而感到惊讶吗？
我最喜欢的防止“ FOUC”（无样式闪光）的技巧是对此类图像进行base-64编码到CSS中。它实际上是将图像嵌入CSS中，而浏览器在下载整个CSS文件之前不会渲染页面。
这将导致您的CSS文件很大，并且IE8在文件大小上有限制，但是如果您有构建过程或像LESS这样的CSS预处理程序，这是一个非常简单的解决方案。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句