社内LT 発表内容まとめ 「Webサイトパフォーマンスチェック & チューニング」

タイトルの通りです。
WEBサイトを高速化するために必要な知識について学習した内容を以降のスライドに羅列しました。
中でも
1. RAILモデル
2. Layout Thrashing
3. 描画コストの高いペイント処理
4. Javascript処理のworkerスレッドへの移行
について、かなり本腰を入れて解説しております。

使用ファイルは、下記urlへ一式上げております。
git clone https://github.com/Takabun/LT_20200302.git

スライドの20ページ以降へも、業務に役立つであろう知識を羅列しております。

----

 ![Webサイト高速化_20200302_城戸 (1).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/16fbfa35-7efb-61e2-23c2-96cfaa302fe4.jpeg)

----
![Webサイト高速化_20200302_城戸.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/bf98a1fe-3b88-653a-10b8-be949bfaaa13.jpeg)

----
![Webサイト高速化_20200302_城戸 (3).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/99e1d427-1d48-8a28-06b7-adb5c5122ca8.jpeg)

----
![Webサイト高速化_20200302_城戸 (4).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/b0cb51b6-bd6c-6a83-305a-56756a007d3d.jpeg)

----
![Webサイト高速化_20200302_城戸 (5).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/b7a62c2c-6279-5661-9079-cb2c28316ab0.jpeg)

----
![Webサイト高速化_20200302_城戸 (6).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/53047b0d-f6ec-b021-6298-ab594ad9a180.jpeg)

----
![Webサイト高速化_20200302_城戸 (7).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/f39a8018-a287-c600-f987-a1e238076e1d.jpeg)

----
![Webサイト高速化_20200302_城戸 (8).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/cb8ba056-617c-1b20-a47b-1ee249b65ebf.jpeg)

----
![Webサイト高速化_20200302_城戸 (9).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/3197b6bc-bb19-03ac-8a57-104c242c82f1.jpeg)

----
![Webサイト高速化_20200302_城戸 (10).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/fe258994-741a-af91-a9bc-148de1797b0b.jpeg)

----
![Webサイト高速化_20200302_城戸 (11).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/fd9c4e79-0e57-cc78-9e5a-ffa5216d3cd7.jpeg)

----
![Webサイト高速化_20200302_城戸 (12).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/e8090bd1-a18d-367d-8490-dbe93bb9a4ab.jpeg)

----
![Webサイト高速化_20200302_城戸 (13).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/b76aba19-b616-32b9-0e22-151558e0790f.jpeg)


![Webサイト高速化_20200302_城戸 (14).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/6d883b3c-4978-f579-d172-1eaa290ce4d6.jpeg)

----
![Webサイト高速化_20200302_城戸 (15).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/af465e20-f878-edb0-1261-6c24330f4214.jpeg)

----
![Webサイト高速化_20200302_城戸 (16).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/421afece-d3e9-e7ef-e568-25a7a8e8400b.jpeg)

----
![Webサイト高速化_20200302_城戸 (17).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/6bd808d7-339a-ddd6-7c08-0786d39c3e99.jpeg)

----
![Webサイト高速化_20200302_城戸 (18).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/653c9473-3d49-9c49-b552-18213ab8dec5.jpeg)

----
![Webサイト高速化_20200302_城戸 (19).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/d5a497cf-058a-22e1-5bcb-3bdffb1df323.jpeg)

----
![Webサイト高速化_20200302_城戸 (20).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/c6ceee4a-2318-9d7c-2a7e-dedce98fed52.jpeg)

----
![Webサイト高速化_20200302_城戸 (21).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/b4ce9198-3a55-5287-456c-2619e335d311.jpeg)

----
![Webサイト高速化_20200302_城戸 (22).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/4e74a382-8f7c-d70b-231b-d386b527dbd4.jpeg)

----
![Webサイト高速化_20200302_城戸 (23).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/357cb30b-39b8-9586-62a1-bc1e0c95b0ed.jpeg)

----
![Webサイト高速化_20200302_城戸 (24).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/d4e3fd24-e649-8e86-4bd0-98fc49861f0a.jpeg)

----
![Webサイト高速化_20200302_城戸 (25).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/1c683d7f-618e-51ae-a945-621ffcc18ee7.jpeg)

----
![Webサイト高速化_20200302_城戸 (26).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/a8c1f9f5-ed7b-6fb4-3c74-4c7c75e8cc2a.jpeg)

----
![Webサイト高速化_20200302_城戸 (27).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/435391/3cf5e33a-94f4-71b8-ca24-22860403ed60.jpeg)

----