blob: 28595dbb76012d73eb77704536d2e1efef5ebf20 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
---
title: RAIL
slug: Glossary/RAIL
tags:
- Glossary
- RAIL
- Timings
- Web Performance
---
**RAIL**とは、**Response, Animation, Idle, Load**の頭文字をとったもので、2015年にGoogle Chromeチームが発案した、ブラウザ内のユーザーエクスペリエンスとパフォーマンスにフォーカスしたパフォーマンスモデルです。RAILおけるパフォーマンスとは、"特定のデバイスでサイトを高速化させることではなく、ユーザーを幸せにすること"です。インタラクションには、ページロード、アイドル状態、入力への応答、スクロールとアニメーションの4つのステージがあります。各項目については、以下に頭文字順に解説します。
- **Response**
- : ユーザーからの何らかの入力を確認した場合、その入力に対する応答が**100ミリ秒**以内であることです。
- **Animation**
- : アニメーション中に行われる各フレームの処理を**16ミリ秒**以下であることです。それは、一貫性もたせ、ジャンクの回避につながります。
- **Idle**
- : JavaScript のメインスレッドを使用する場合、1チャンクあたりの処理を**50ミリ秒**以内であることです。それは、ユーザーインタラクションのためにメインスレッドを開放することにつながります。
- **Load**
- : インタラクティブなコンテンツの読み込みが**1秒**以内であることです。
## 関連情報
- [Recommended Web Performance Timings: How long is too long](/en-US/docs/Web/Performance/How_long_is_too_long)
|
