
Imgixをオンにした後、Upworthyの1日のアクティブアクセス数が50%も急増しました。
顧客
Upworthyは、バイラルコンテンツの力を善のために活用し、ソーシャルメディアで広まり、重要な問題への意識を高めるストーリーを作成することを目指すデジタル出版物です。2012年に設立され、2013年にはソーシャルメディア上のどの出版物よりも記事のシェアが3番目に多く、規模の何倍もの組織を上回り、フォーブス誌から「史上最も急成長しているメディアサイト」に選ばれました。現在、そのストーリーは毎月5,000万ページビュー以上を生み出し、そのすべては、わずか6人のエンジニアからなるチームによって設計および保守されたテクノロジーによって支えられています。
ザ・チャレンジ
Upworthyの開発チームのモットーは、大きな影響を与える小さなことに集中することです。指標を高め、編集プロセスを合理化できるような変更を調査したところ、画像は改善すべき最も説得力のある分野の1つとしてすぐに浮上しました。
「ページの速度を低下させる最大の要因は画像であることは明らかでした。一部のページの重みの 70% も画像が占めていました。それを減らすことができれば、他のすべてに役立つだろうと気づきました。」
画像処理も、Upworthyの編集チームの生産性を制限する要因であることが判明しました。チームは画像の手動編集とアップロードのガイドを作成していましたが、時間がかかり、その結果、実際の編集部門のような即効性のある常時稼働環境では、一貫して従うことができませんでした。
Upworthyの開発者は、パフォーマンスの低いページを調査したときに、正しくフォーマットされていない画像が原因であることが多いことに気付きました。さらに悪化したのは、ユーザーエクスペリエンスに悪影響を及ぼすようなエラーがあった場合、オリジナルが入手できなくなったために修正が困難だったことです。
「そのような悪い画像がどれだけ世に出回っているのかはわかりませんでした。なぜなら、手動で報告してもらう必要があったからです。パフォーマンスの低い画像の 90% はキャッチされなかったと思います。」
UpworthyのエンジニアリングディレクターであるJosh French氏は、「エディトリアルが、画像が圧縮しすぎていてひどい印象を与えるページを見たことが何度もありましたが、アップロードされたバージョンだけでできることは限られていました」と述べています。
彼らが必要としていたのは、チームがもっと興味深い問題に取り組むことができる柔軟で拡張可能で信頼できるものでした。
「差し込むだけでうまくいくものが欲しかった」とフレンチは言った。「もう考えなくていいんだ。誰かを参加させる必要も、保守する必要もありません。また、必要なことを常に実行してくれることがわかっているので、構築する必要があるものを構築できます。Imgix が私たちのためにそれをやってくれます。」
解決策
Upworthyは、画像処理を自動化するためのいくつかのオプションを検討した結果、Imgixがそのニーズに最適な選択肢であると判断しました。
その決定の鍵となったのは、Imgixがキャッシュ付きのオンデマンド画像プロセッサとして機能し、ユーザーから要求された場合にのみ画像を変換するという事実でした。これは開発チームにとってかなり効率的でした。バッチ処理用のツールを維持するのとは異なり、変更を加えたり新しい機能を構築したりするときに心配する必要のあることの範囲から画像が取り除かれるからです。これにより、チームの柔軟性が大幅に向上しました。
「Imgix はスタックの適切なレベルにあります。これは画像に触れる最後のツールなので、画像構成には触れることなく、その背後にあるものの大部分をオーバーホールできます」と French 氏は言います。
また、Imgix のインターフェースは非常にシンプルだったため、チームがすばやく実装するのは簡単でした。
「Imgixの統合についてはあまり思い出せません。つまり、それほど多くのことがなかったことがわかります。」
結果
Imgix を導入した後、チームは画像を標準化し、サイト全体のダウンロード時間を短縮することができました。
これは行動に即座に影響を及ぼしました。アップワーシーが追跡している指標の 1 つは、アクティブビジットの数です。アクティブビジットとは、すぐに別のものをクリックするのではなく、継続してコンテンツを消費する訪問者の数です。Imgixをオンにした後、Upworthyの1日のアクティブ訪問者数は 50% も急増しました。
「チームとしての私たちのモットーは、常に最も大きな影響を与えるささいなことをすることです。私たちの画像処理を Imgix に移すことは、間違いなくそのカテゴリーに当てはまります。最小限のチューニングで顕著な改善が見られました。」