タグ

patternとperformanceに関するko-ya-maのブックマーク (2)

  • PRPL パターンを使用して即時読み込みを適用する  |  Articles  |  web.dev

    PRPL パターンを使用して即時読み込みを適用する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 PRPL は、ウェブページを読み込み、インタラクティブに高速化するために使用されるパターンの頭字語です。 遅れて検出されるリソースをプリロードします。 最初のルートをできるだけ早くレンダリングします。 残りのアセットをプリキャッシュします。 他のルートや重要でないアセットを遅延読み込みする。 このガイドでは、これらの各手法をうまく組み合わせながら、個別に使用してパフォーマンスを向上させる方法について説明します。 Lighthouse を使用してページを監査する Lighthouse を実行して、PRPL 手法に沿った改善の機会を特定します。 Ctrl+Shift+J キー(Mac の場合は Command+Option+J キー)を押して DevTools

  • パフォーマンス分析の方法論23選 | POSTD

    パフォーマンス分析のメソドロジーとは、システムやアプリケーションのパフォーマンスを分析する際に準拠できる手法です。メソドロジーを手がかりとして作業に着手できますし、根原因やその他の要因の発見に役立ちます。異なる種類の問題を解決するのには、それぞれに適したメソドロジーがあります。目的を達成するまでに何度か方法を変えて試してみるといいかもしれません。 メソドロジーを使わない分析は手探りの探索になり、ある問題に対する手がかりが見つかるまで(もしあればですが)ずっと場当たり的にメトリクスを分析することになってしまいます。 このサイトでは以下のメソドロジーについて詳しい資料を公開しています。 USE(Utilization Saturation and Errors)メソッド :リソースのボトルネックを見つける TSA(Thread State Analysis:スレッドステート分析)メソッド :

    パフォーマンス分析の方法論23選 | POSTD
  • 1