Reactアプリのレンダリングパフォーマンスの計測方法について。 ExperimentalなReact Profiler API、Interaction tracingを使った方法。 PuppeteerやUser Timing API、Lighthouseを使ったReactに依存しない計測についてなど

efcl のブックマーク 2020/04/19 20:23

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4684063135928872450/comment/efcl" data-user-id="efcl" data-entry-url="https://b.hatena.ne.jp/entry/s/addyosmani.com/blog/profiling-react-js/" data-original-href="https://addyosmani.com/blog/profiling-react-js/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Faddyosmani.com%2Fblog%2Fprofiling-react-js%2F" data-user-icon="/users/efcl/profile.png">Profiling React.js Performance</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/React">React</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/performance">performance</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/article">article</a>]</li></ul><br><p style="clear: left">Reactアプリのレンダリングパフォーマンスの計測方法について。 ExperimentalなReact Profiler API、Interaction tracingを使った方法。 PuppeteerやUser Timing API、Lighthouseを使ったReactに依存しない計測についてなど</p><a class="datetime" href="https://b.hatena.ne.jp/efcl/20200419#bookmark-4684063135928872450"><span class="datetime-body">2020/04/19 20:23</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

Profiling React.js Performance

addyosmani.com2020/04/09

April 8, 2020 Today, we'll look at measuring React component render performance with the React Profiler API, measuring interactions with React's new experimental Interaction Tracing API and measuri...

23 人がブックマーク・2 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

Profiling React.js Performance

はてなブックマーク

公式Twitter

はてなのサービス