Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

タグ

2019年4月3日のブックマーク (2件)

  • How to 速度改善 ーWebパフォーマンスについて知っておきたいこと7選ー - Qiita

    今回のテーマ Webパフォーマンスを改善する上で知っておきたい知識をまとめてみました。 前回の記事では使わなかった(使えなかった)技術や方法なども含めて記載します。 また、ブラウザのレンダリングなどについても書きたいと思います。 (2019年5月23日追記) 過去の記事はこちら How to 速度改善 ー計測・知識編ー How to 速度改善 ー原因調査編ー How to 速度改善 ー実装&技術調査編1ー 1. ブラウザレンダリングの仕組み 推測するな、計測せよ という言葉にあるように、闇雲にチューニングを初めても良い結果は出ません。まずはブラウザレンダリングの仕組みからみていきましょう。 ブラウザレンダリングの流れ レンダリングの大まかな流れは Loading→Scripting→Rendering→Painting(これでページが表示される) となっています。 この処理の内容をフレーム

    How to 速度改善 ーWebパフォーマンスについて知っておきたいこと7選ー - Qiita
    tanupig
    tanupig 2019/04/03
    “div > p { color: red; } のようなCSSがあるとして、これはまず全てのpタグを探して、その上にdivタグを親要素にもつものを洗い出してから計算がされます。”
  • How to 速度改善 ーWebパフォーマンスについて知っておきたいこと7選ー - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 今回のテーマ Webパフォーマンスを改善する上で知っておきたい知識をまとめてみました。 前回の記事では使わなかった(使えなかった)技術や方法なども含めて記載します。 また、ブラウザのレンダリングなどについても書きたいと思います。 (2019年5月23日追記) 過去の記事はこちら How to 速度改善 ー計測・知識編ー How to 速度改善 ー原因調査編ー How to 速度改善 ー実装&技術調査編1ー 1. ブラウザレンダリングの仕組み 推測するな、計測せよ という言葉にあるように、闇雲にチューニングを初めても良い結果は出ません。ま

    How to 速度改善 ーWebパフォーマンスについて知っておきたいこと7選ー - Qiita
    tanupig
    tanupig 2019/04/03