本文主要講述本人使用過(guò)程中幢炸,Amazon S3 圖片客戶任意上傳吱雏,圖片過(guò)大盹憎,導(dǎo)致瀏加載太慢影響客戶體驗(yàn)筛峭。
提前奉上參考資料:
1、https://aws.amazon.com/cn/solutions/implementations/serverless-image-handler/
其解決思路:
就是使用AWS CloudFormation提供的模板陪每,在讀取圖片階段進(jìn)行壓縮影晓。
實(shí)現(xiàn)步驟
1、找到CloudFormation檩禾,并創(chuàng)建堆棧挂签;
2、選擇Amazon S3 URL盼产,并填入模板地址竹握,點(diǎn)擊下一步;
模板地址:https://aws-gcr-solutions.s3.amazonaws.com/wchaws-sih/v0.1.0-wchaws-sih/lambda-image-handler.template
3辆飘、填寫(xiě)下圖紅框選項(xiàng)啦辐,其中:BucketParam0為需要壓縮的存儲(chǔ)桶名稱(chēng)。填寫(xiě)完成蜈项,點(diǎn)擊下一步芹关;
4、點(diǎn)擊下一步紧卒,直至最后侥衬,勾選“我確認(rèn),AWS CloudFormation 可能創(chuàng)建 IAM 資源跑芳≈嶙埽”,最后完成創(chuàng)建博个。
5怀樟、創(chuàng)建完成后,查看詳情盆佣。切換至“輸出”Tab往堡,詳見(jiàn)下圖;
6共耍、拷貝上圖紅框“DistUrl0”虑灰,并替換原圖地址,同時(shí)拼接:“?x-oss-process=image/format,webp”痹兜。詳細(xì)操作如下:
將:
https://S3.domain.com/20211105/67f1fa7e993749aba43505efd28cc8fc.jpg
替換成:
https://{DistUrl0}/20211105/67f1fa7e993749aba43505efd28cc8fc.jpg?x-oss-process=image/format,webp
7穆咐、訪問(wèn)相關(guān)地址,并對(duì)比響應(yīng)時(shí)間字旭。
PS: 該功能需要花不小的一筆費(fèi)用对湃。曾詢(xún)問(wèn),壓縮過(guò)后會(huì)存在緩存不納入次數(shù)收費(fèi)谐算。具體待驗(yàn)證熟尉。