フロントエンドのパフォーマンステストツールの下にここにまとめたシンプルなツールを、学ぶために次のフロントエンド同僚に聞いて、理解していません。
どのようなフロントエンドの性能試験測定?
以下はコピーです。
- エンジンワークフローをレンダリング
-
DOMツリー構築:解析されたHTMLのタグから開始するには、種々の標識に解決され、ツリーのツリーノードのラベルを各ノードをDOMとDOM対1の関係です。
-
建設ツリーをレンダリング:レンダリングされたCSSスタイル情報をスタイルタグツリーを解析し、矩形の数は、正しい順序で画面上に表示されるように色やサイズなどの属性を持つ木をレンダリングします。
-
ツリーレイアウトをレンダリングするレンダリング:DOMツリーレンダリングする画面の正確な位置にそれぞれの単一のノード、演色ツリーのページに描画された情報を決定します。
それは、このプロセスは、より良いユーザー体験のために、徐々に行われていることは注目に値する、レンダリングエンジンは、画面上のコンテンツを提示する可能な限り早期になり、すべての建設とhtmlのレイアウトが解析された後までは行かないだろうツリーをレンダリングします。残りはまた、ネットワーク経由でコンテンツをダウンロードすることができる一方でそれは、コンテンツの表示部に完全な分析内容の一部です。
ダウンロードして、レンダリングキーフロントエンドのパフォーマンステストリソースのだから、1。
演奏详细~~ツール
実際には、開発ツールが付属して多くのブラウザは、ちょうどコマンドラインは、その上の大きな見えます使用、クロム等、この機能を完了するのに非常に優れているとされてい。
https://github.com/pod4g/hiper
この勧告の下では、アリペイのフロントエンド開発を行うには