2018年9月15日のブックマーク (2件)

  • Webフロントエンド パフォーマンス改善ハンドブックを公開しました - dwango on GitHub

    パフォーマンス改善ハンドブック ウェブページにおけるパフォーマンスに関する問題の見つけ方や考え方の事例をまとめた Webフロントエンド パフォーマンス改善ハンドブックを公開しました。 URL: https://dwango-js.github.io/performance-handbook/ このハンドブックでは過去に行ったWebフロントエンドのパフォーマンス改善の事例を中心に紹介しています。 注意点としてWebフロントエンドは常に変化しているため、現在の最適な解決方法を提案するものではありません。 また、アプリケーションによっても最適な解決方法は異なります。 今回の事例ではViewライブラリにReactを用い、映像再生プレイヤーなどある程度複雑な機能を持ったウェブアプリケーションのWebフロントエンドを扱います。 具体的にはニコニコ生放送(以下「生放送」)で行った事例を中心に書かれていま

    Webフロントエンド パフォーマンス改善ハンドブックを公開しました - dwango on GitHub
    rmanzoku
    rmanzoku 2018/09/15
  • 画像配信システムにCDNの導入を試みた話 - LIVESENSE ENGINEER BLOG

    こんにちは。9月よりインターンとして参加しているインフラグループの幸田です。 現在リブセンスでは、高速化の取り組みを進めており、その一環として今回は画像配信システムへのCDN導入検証を行いました。 この記事では導入検証を通して見つけた、最低限確認しておきたい キャッシュヒット率 に関わる設定を2つ紹介します。 検証の背景とか ステージング環境での検証 というフェーズで、インターン課題として取り組みました。 最低限キャッシュを無視する設定(PASS設定)しかされておらず、まさに「とりあえず通してある」という感じです。 ここから番環境へ導入を進めるための導入検証をはじめました。 前提とか設定とか 前提として、今回導入検証を行うのは画像の配信を専門に行う 画像配信システム です。 CDNには Fastly を使用しました。 (以下Fastlyに合わせて画像配信システムのことを Origin と

    画像配信システムにCDNの導入を試みた話 - LIVESENSE ENGINEER BLOG