From b8899e350326af3e53dfad89747761c1c13a3915 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Tue, 14 Sep 2021 11:06:51 +0900 Subject: Learn 以下の文書内のリンクURLを正規化 (#2356) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - /en-US へのリンクを /ja へのリンクに修正 - /ja が付いていないものに /ja を付加 - MDN内のリンクが完全URLの場合、 /ja/docs からのURLに修正 --- .../business_case_for_performance/index.html | 14 +++++++------- .../performance/measuring_performance/index.html | 16 ++++++++-------- .../performance/perceived_performance/index.html | 2 +- .../performance/web_performance_basics/index.html | 22 +++++++++++----------- .../performance/what_is_web_performance/index.html | 2 +- 5 files changed, 28 insertions(+), 28 deletions(-) (limited to 'files/ja/learn/performance') diff --git a/files/ja/learn/performance/business_case_for_performance/index.html b/files/ja/learn/performance/business_case_for_performance/index.html index 106a517a8f..6b4fef087c 100644 --- a/files/ja/learn/performance/business_case_for_performance/index.html +++ b/files/ja/learn/performance/business_case_for_performance/index.html @@ -72,12 +72,12 @@ translation_of: Learn/Performance/business_case_for_performance
  • ウェブパフォーマンスとは何ですか？
  • ユーザーはパフォーマンスをどのように知覚しますか？
  • パフォーマンスの測定
    • -
  • Multimedia: images
    • -
  • Multimedia: video
    • -
  • JavaScript performance best practices.
    • -
  • HTML performance features
    • -
  • CSS performance features
    • -
  • Fonts and performance
    • -
  • Mobile performance
    • +
  • Multimedia: images
    • +
  • Multimedia: video
    • +
  • JavaScript performance best practices.
    • +
  • HTML performance features
    • +
  • CSS performance features
    • +
  • Fonts and performance
    • +
  • Mobile performance
  • パフォーマンスに光をあてる
    • diff --git a/files/ja/learn/performance/measuring_performance/index.html b/files/ja/learn/performance/measuring_performance/index.html index f70a9cfa20..3f4985423c 100644 --- a/files/ja/learn/performance/measuring_performance/index.html +++ b/files/ja/learn/performance/measuring_performance/index.html @@ -21,7 +21,7 @@ translation_of: Learn/Performance/Measuring_performance 前提: - 基本的なコンピューターリテラシー、基本的なソフトウェアのインストール、クライアントサイドのウェブ技術の基本的な知識 + 基本的なコンピューターリテラシー、基本的なソフトウェアのインストール、クライアントサイドのウェブ技術の基本的な知識 目的: @@ -94,12 +94,12 @@ translation_of: Learn/Performance/Measuring_performance
  • ウェブパフォーマンスとは何か
  • ユーザーはパフォーマンスをどのように知覚するか
  • パフォーマンスの測定
    • -
  • Multimedia: images
    • -
  • Multimedia: video
    • -
  • JavaScript performance best practices.
    • -
  • HTML performance features
    • -
  • CSS performance features
    • -
  • Fonts and performance
    • -
  • Mobile performance
    • +
  • Multimedia: images
    • +
  • Multimedia: video
    • +
  • JavaScript performance best practices.
    • +
  • HTML performance features
    • +
  • CSS performance features
    • +
  • Fonts and performance
    • +
  • Mobile performance
  • パフォーマスに光をあてる
    • diff --git a/files/ja/learn/performance/perceived_performance/index.html b/files/ja/learn/performance/perceived_performance/index.html index 8af223ce2e..fceb427902 100644 --- a/files/ja/learn/performance/perceived_performance/index.html +++ b/files/ja/learn/performance/perceived_performance/index.html @@ -18,7 +18,7 @@ translation_of: Learn/Performance/perceived_performance 前提条件: - 基本的なコンピューターリテラシー、基本的なソフトウェアのインストール、クライアントサイドのウェブ技術の基本的な知識 + 基本的なコンピューターリテラシー、基本的なソフトウェアのインストール、クライアントサイドのウェブ技術の基本的な知識 目的: diff --git a/files/ja/learn/performance/web_performance_basics/index.html b/files/ja/learn/performance/web_performance_basics/index.html index 276e2f2e04..02ea575063 100644 --- a/files/ja/learn/performance/web_performance_basics/index.html +++ b/files/ja/learn/performance/web_performance_basics/index.html @@ -12,23 +12,23 @@ translation_of: Learn/Performance/Web_Performance_Basics

    Best practices

    Quick Wins

    CSS

    -

    Web performance is all about user experience and perceived performance. As we learned in the critical rendering path document, linking CSS with a tradional link tag with rel="stylesheet" is synchronous and blocks rendering. Optimize the rendering of your page by removing blocking CSS.

    +

    Web performance is all about user experience and perceived performance. As we learned in the critical rendering path document, linking CSS with a tradional link tag with rel="stylesheet" is synchronous and blocks rendering. Optimize the rendering of your page by removing blocking CSS.

    To load CSS asynchronously one can simpy set the media type to print and then change to all once loaded. The following snippet includes an onload attribute, requiring Javascript, so it is important to include a noscript tag with a traditional fallback.

    @@ -45,13 +45,13 @@ translation_of: Learn/Performance/Web_Performance_Basics

    Javascript

    -

    Avoid Javascript blocking by using the async or defer attributes, or link javascript assets after the page's DOM elements. Javascript only block rendering for elements that appear after the script tag in the DOM tree.

    +

    Avoid Javascript blocking by using the async or defer attributes, or link javascript assets after the page's DOM elements. Javascript only block rendering for elements that appear after the script tag in the DOM tree.

    Web Fonts

    EOT and TTF formats are not compressed by default. Apply compression such as GZIP or Brotli for these file types. Use WOFF and WOFF2. These formats have compression built in.

    -

    Within @font-face use font-display: swap. By using font display swap the browser will not block rendering and will use the backup system fonts that are defined. Optimiize font weight to match the web font as closely as possible.

    +

    Within @font-face use font-display: swap. By using font display swap the browser will not block rendering and will use the backup system fonts that are defined. Optimiize font weight to match the web font as closely as possible.

    Icon web fonts

    @@ -60,19 +60,19 @@ translation_of: Learn/Performance/Web_Performance_Basics

    Tools

    APIs

    Things not to do (bad practices)

    diff --git a/files/ja/learn/performance/what_is_web_performance/index.html b/files/ja/learn/performance/what_is_web_performance/index.html index 27dc13b688..a130006b2a 100644 --- a/files/ja/learn/performance/what_is_web_performance/index.html +++ b/files/ja/learn/performance/what_is_web_performance/index.html @@ -31,7 +31,7 @@ translation_of: Learn/Performance/What_is_web_performance -

    * 次の記事で扱う主観的な知覚パフォーマンスの対義語

    +

    * 次の記事で扱う主観的な知覚パフォーマンスの対義語

    ウェブパフォーマンスとは何か

    -- cgit v1.2.3-54-g00ecf