Imgixの導入後、Upworthyの1日あたりのアクティブビジット数が最大50%増加しました。
お客様について
Upworthyは、バイラルコンテンツの力を社会のために活かすデジタルメディアです。ソーシャルメディアで広く拡散され、重要な社会課題への関心を高めるストーリーを発信しています。2012年に創業し、翌2013年にはソーシャルメディア上の記事シェア数で全メディア中3位を記録しました。何倍もの規模を持つ組織を上回るその勢いから、Forbes誌に「史上最速で成長したメディアサイト」と評されています。現在、同社のストーリーは毎月5,000万ページビュー以上を生み出しており、それを支えるテクノロジーはわずか6人のエンジニアチームによって設計・運用されています。
課題
Upworthyの開発チームのモットーは、大きな効果を生む小さなことに集中することです。指標の改善と編集プロセスの効率化につながる施策を検討したところ、改善の余地が特に大きい領域として、すぐに画像が浮かび上がりました。
「ページを遅くしている最大の要因が画像であることは明らかでした。ページによっては、容量の最大70%を画像が占めていました。これを減らせれば、ほかのすべてにも良い効果があると気づいたのです」
画像の扱いは、Upworthyの編集チームの生産性を妨げる要因にもなっていました。チームは画像を手作業で編集・アップロードするためのガイドを作成していましたが、手間がかかるため、スピード重視で常に動き続ける編集部の現場では徹底されていませんでした。
Upworthyの開発者がパフォーマンスの低いページを調べると、原因は適切に処理されていない画像であることが少なくありませんでした。さらに、ユーザー体験を損なうエラーが見つかっても、オリジナル画像が残っていないため修正が難しいという問題もありました。
「手動での報告に頼るしかなかったため、そうした質の悪い画像がどれだけ公開されているのか見当もつきませんでした。パフォーマンスの低い画像の90%は見過ごされていたと思います」
「編集部から、画像が過度に圧縮されてひどい見た目になったページについて相談されることが何度もありました。しかし、アップロードされたバージョンしか残っていなければ、できることは限られていました」と、Upworthyのエンジニアリングディレクター、ジョシュ・フレンチ氏は語ります。
チームに必要だったのは、柔軟で拡張性があり、信頼できる仕組みでした。それがあれば、チームはもっと面白い課題に時間を使えるようになります。
「組み込むだけでそのまま動くものが欲しかったのです」とフレンチ氏は語ります。「もう気にする必要はありません。誰かに使い方を教える必要も、保守する必要もありません。必要なことを常にこなしてくれるとわかっているので、自分たちが作るべきものの開発に集中できます。Imgixはそれを実現してくれています」
解決策
画像処理を自動化する複数の選択肢を検討した結果、UpworthyはImgixが自社のニーズに最適だと判断しました。
決め手となったのは、Imgixがキャッシュを備えたオンデマンドの画像プロセッサとして機能し、ユーザーからリクエストがあったときにだけ画像を変換する点でした。バッチ処理用のツールを保守する場合と違い、変更や新機能の開発のたびに画像のことを気にする必要がなくなるため、開発チームにとって大幅な効率化につながりました。その結果、チームの柔軟性も大きく高まりました。
「Imgixはスタックの中で適切な位置にあります。画像に触れる最後のツールなので、その手前にある仕組みの大部分を、画像の設定に手を加えることなく刷新できます」とフレンチ氏は語ります。
また、Imgixのインターフェースは非常にシンプルだったため、チームはすぐに導入することができました。
「Imgixの導入作業については、ほとんど記憶にありません。それだけ手間がかからなかったということです」
結果
Imgixの導入後、チームは画像を標準化し、サイト全体の読み込み時間を短縮することができました。
その効果は、ユーザーの行動にすぐに表れました。Upworthyが追跡している指標のひとつに「アクティブビジット数」があります。これは、すぐに別のページへ移ることなく、サイトにとどまってコンテンツを読み進める訪問者の数を示すものです。Imgixを導入した後、Upworthyの1日あたりのアクティブビジット数は最大50%増加しました。
「チームとして、私たちは常に、最も大きな効果を生む小さなことに取り組むことをモットーにしてきました。画像処理をImgixに移行したことは、まさにそれに当てはまります。最小限のチューニングで、目に見える改善が得られました」
