akira_maruのブックマーク - はてなブックマーク

akira_maru id:akira_maru

ブックマーク / qiita.com/masanarih0ri (2)

How to 速度改善ー計測・知識編ー - Qiita
前提速度改善にこれから取り組もうと思っている方向けに書きました。すでに速度改善に取り組んでいる方からするとちょっと基礎すぎるかもしれませんが、自分の勉強メモとしてアウトプットして残そうと思った次第です。速度改善のために必要なことテクニックや考え方は色々とあると思うのですがまずは計測しよう（Page Speed Insightsなどで）問題を切り分けて考えよう影響が小さいところから取り組んでみようということが大事かと思います。なので、まずは計測をしてみましょう。とあるWebサイトのデータをPage Speed Insightsで計測してみます。 Page Speed Insightsとは、ものすごい簡単にいうと、サイトのいいところ、ダメなところを診断してくれるツールですね。無料です。（ほとんどの方は知っていると思いますが、念のため。）スコア、39ですね。低い・・・さて
akira_maru 2019/07/02
サイト高速化
リンク
How to 速度改善ーWebパフォーマンスについて知っておきたいこと7選ー - Qiita
今回のテーマ Webパフォーマンスを改善する上で知っておきたい知識をまとめてみました。前回の記事では使わなかった（使えなかった）技術や方法なども含めて記載します。また、ブラウザのレンダリングなどについても書きたいと思います。 (2019年5月23日追記) 過去の記事はこちら How to 速度改善ー計測・知識編ー How to 速度改善ー原因調査編ー How to 速度改善ー実装&技術調査編1ー 1. ブラウザレンダリングの仕組み推測するな、計測せよという言葉にあるように、闇雲にチューニングを初めても良い結果は出ません。まずはブラウザレンダリングの仕組みからみていきましょう。ブラウザレンダリングの流れレンダリングの大まかな流れは Loading→Scripting→Rendering→Painting（これでページが表示される）となっています。この処理の内容をフレーム
akira_maru 2019/04/03
Webパフォーマンス

lazyload

javascript

css

速度改善
リンク
1