タグ

チューニングに関するmaecchiのブックマーク (4)

  • パフォーマンス観点でみる Next.js の getLayout

    Next.js は、ページ単位でデータ取得・レンダリング手法を選べる事が利点です。そして、ページ単位でチャンクファイルが生成されるため、パフォーマンスに貢献します。 これはあるページに来訪した際、必要最低限のファイルロードで済むということです。ファイルロードの時間は、ユーザーが操作開始できるまでの時間(TTI)に繋がります。Next.js でコーディングしていれば意識せずとも、ファイル分割の最適化は適用されます。 これだけでも SPA 構築に Next.js を選ぶ理由になりますが、ファイル分割は実装次第で、良くも悪くもなることを紹介していきます。 First Load JS shared by all _appは、どのページにアクセス・ナビゲーションしても、必ず通過します。そのため、_appに関連するファイルは 「First Load JS shared by all」 として、全てのペ

    パフォーマンス観点でみる Next.js の getLayout
    maecchi
    maecchi 2022/05/22
    最近_appsのサイズが大きくなっているから試してみよう
  • Yahoo!ニュースにおけるBFFパフォーマンスチューニング事例

    2. Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved. 自己紹介 矢端 智光 2012新卒からニュースを担当。アプリの新規開発やスピーカー開発を経て今に至る。 AndroidやSpring BootでJavaばかり触っていたが、今期からScriptがついた。はじめてのwebページ新規開発。 noimage noimage noimage 喜楽 智規 (@gladenjoy) 2016新卒からニュース一筋約3年。PHPJavaTypeScriptと渡り歩いて来た。フロントエンド・BFFあたりの開発に従事。 後藤 拓実(@oTheRwoRldy) 2012新卒からニュースを担当。フロントエンド技術API設計、アプリケーションのアーキテクチャに興味。TL。 2

    Yahoo!ニュースにおけるBFFパフォーマンスチューニング事例
    maecchi
    maecchi 2019/03/12
    改善の結果が目に見えてわかるのがすごい
  • ブラウザキャッシュによる HTTP 高速化チューニング

    かれこれ一年ほど前に実施した実サービスでの apache のチューニングネタを思い出したように書いています。 以前いた部署では少ないサーバ台数で大量のリクエストを如何に処理しきるかってことに燃えていたので、静的コンテンツなどをブラウザに支障のない範囲で最大限にキャッシュさせ、サーバとネットワークの負荷を最小化させていました。 当時参考にした情報源は以下の3つでした。 どのようなレスポンスヘッダを返しておけばブラウザキャッシュを最大化できるかのテクニックがまとめられています。 ブラウザキャッシュとレスポンスヘッダ - murankの日記 Kazuho@Cybozu Labs: キャッシュの上手な使い方 [Studying HTTP] HTTP Status Code チューニングにおいて重要なのは自分自身での検証。というわけで自前で検証した結果と検証するために用意したプログラムを公開します。

  • 20110514 mongo dbチューニング

    The document provides tips and explanations for various MongoDB commands and operations including explain, hint, setProfilingLevel, currentOp, and mongostat. It discusses using indexes to optimize queries, setting profiling levels to log slow queries, using currentOp to view currently running operations, and using mongostat to view MongoDB server statistics.Read less

    20110514 mongo dbチューニング
  • 1