我有一个包含许多大流体图像的页面.http://altarjewelry.com/gallery
我想在滚动时获得平滑的60fps webapp感觉.Chrome DevTools告诉我我的绘画时间是最大的问题(滚动时你可以自己检查).我假设这是由于我的许多大流体图像.
我已经阅读了关于HTML5Rocks关于性能的所有文章.我发现了许多关于JS性能的好技巧,但没有帮助优化大图像绘制时间,除了使用小的固定大小的图像,这对我来说不是一个选项,因为我正在建立一个响应式网站.
我已经根据客户端提供响应式图像.
谢谢您的帮助.
如何为Amazon S3托管的静态网站的文件添加Vary:Accept-Encoding标头？
这是唯一阻止我从Google PageSpeed获得100/100分数的东西,我很乐意解决这个问题!
[R
optimization amazon-s3 amazon-web-services pagespeed http-headers