当我通过谷歌页面速度测试检查我的主页时,我注意到压缩我的图像: 压缩https://d1bng4142lcup0.cloudfront.net/ ... 5c0-9e29-42af-ba42-b0ae59ef2809horse.JPG可以节省51KiB(减少55%)。
我使用jquery文件上传器和aws-sdk在heroku上使用rails 4.2通过js上传到s3。然后我通过cloudfront提供s3图像文件。
在js上传器中,我将质量设置为0.75,尺寸设置为约500 px宽。我向所有设备提供一个文件(引导响应类很好地显示它)。我使用此技术上传使用https://devcenter.heroku.com/articles/direct-to-s3-image-uploads-in-rails
的https://github.com/blueimp/jQuery-File-Upload我的production.rb中有gzip = true,我在cloudfront上打开了压缩。
在网络下查看chrome developer工具时,我发现很多东西都是content-encoding = gzip,比如js文件,但我的png和jpg却没有。但它们确实有内容长度。
如何自动压缩文件以加快我的网站速度并满足页面速度工具?如何优化s3上的现有图像进行压缩?换句话说,我是否需要在初始上传期间执行更多操作,还是可以在aws端进行一些压缩?