エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Qiitaの記事画像が最適化され、35%転送量が削減されました - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Qiitaの記事画像が最適化され、35%転送量が削減されました - Qiita
概要 画像用CDNを imgix にCloudFrontから移行した CDNの総転送量を35%削減した PageSpeed Insightsで記... 概要 画像用CDNを imgix にCloudFrontから移行した CDNの総転送量を35%削減した PageSpeed Insightsで記事ページが15~20点改善した 以前までの画像の配信基盤 今まではAmazon CloudFrontをCDNとして画像を配信していました。Rails上ではHTTPS化のためのProxyとしてcamoを動作させており、camoがURLをハッシュ化してユニークなPathを生成します。 この構成の課題は、「記事中の画像がまったく最適化されていなかった」ことです。記事にもよりますが、数MBの画像が何十枚も使われているケースがあり、特にモバイルユーザーに対しての体験がよくありませんでした。 最適化の手法として「記事中で使用している画像を全てS3に最適化して保存する」といったことも考えましたが、変更に柔軟なシステムではありません。というのも、「画像の品質をより