改善非常长的图像滚动页面的加载时间

Question

我有 5 张非常长的图片（每张 7 页长），我想知道如何获得最佳加载时间？

最好的方法是将每个图像切成 7 部分，然后在它们成为焦点时使用 javascript 淡入它们？你认为我可以只淡化 5 张很长的图像吗？

试图得到它，所以这也是响应式的。

干杯

克

Answer 1

图像平铺/切片似乎是一种合理的方式，如果需要更多的努力，并且以一种不适合在其他地方使用的格式存储/交付资产 - 如果这甚至是这里的考虑因素的话。

如果您可以控制图像，您能否以提供progressive rendering (interlacing) 的格式/设置来提供它们？

请参阅http://nuwen.net/png.html 以获取有关该主题的非常好的以 PNG 为重点的介绍。

当然，如果您要加载多张图片，与在视图接近它们时、当它们上方的图片完成或两者结合时开始加载相比，您可能会得到一些改进。