Skip to content

Commit

Permalink
Feature: Add translation for CLS
Browse files Browse the repository at this point in the history
  • Loading branch information
sora32127 committed Oct 12, 2024
1 parent 010438f commit 66999f8
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions files/ja/glossary/cls/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,14 +7,14 @@ l10n:

{{GlossarySidebar}}

**Cumulative Layout Shift (CLS)** はウェブサイトのユーザビリティを測定する指標であり、 Google が [Core Web Vital](https://web.dev/explore/learn-core-web-vitals) を構成する指標群の一つとして設計しました。
**Cumulative Layout Shift(CLS)** はウェブサイトのユーザビリティを測定する指標であり、Googleが[Core Web Vital](https://web.dev/explore/learn-core-web-vitals)を構成する指標群の一つとして設計しました。

CLS は、ユーザーが予期しないレイアウトシフトにどの程度遭遇するかを測定します。レイアウトシフトとは、ページの要素が予期せずに移動することを指します。ただし、ボタンを押すなどのユーザーアクションや、アニメーションの一部として起こる移動は、測定の対象外となります。
CLSは、ユーザーが予期しないレイアウトシフトにどの程度遭遇するかを測定します。レイアウトシフトとは、ページの要素が予期せずに移動することを指します。ただし、ボタンを押すなどのユーザーアクションや、アニメーションの一部として起こる移動は、測定の対象外となります。

レイアウトシフトは、例えば {{htmlelement("img")}} や {{htmlelement("video")}} 要素に `width` および `height` 属性が設定されていない場合に発生することがあります。ブラウザーがこれらの要素を実際に読み込むまで、占有するスペースを正確に予測できないことが原因です。
レイアウトシフトは、例えば {{htmlelement("img")}} や {{htmlelement("video")}} 要素に `width` および `height` 属性が設定されていない場合に発生することがあります。ブラウザがこれらの要素を実際に読み込むまで、占有するスペースを正確に予測できないことが原因です。

{{domxref("LayoutShift")}} インターフェイスは [Performance API](/ja/docs/Web/API/Performance_API) の一部であり、個々のレイアウトシフトを測定するために使用できます。個々のレイアウトシフトの値を用いて、ウェブページの CLS スコアを計算できます。
{{domxref("LayoutShift")}}インターフェースは[Performance API](/ja/docs/Web/API/Performance_API) の一部であり、個々のレイアウトシフトを測定するために使用できます。個々のレイアウトシフトの値を用いて、ウェブページの CLS スコアを計算できます。

## 関連情報

- web.dev 上の [CLS](https://web.dev/articles/cls)
- web.dev上の[CLS](https://web.dev/articles/cls)

0 comments on commit 66999f8

Please sign in to comment.