While I am develping web application using Angular 2, I came to have question about performance test like how to measure loading time in Angular2?. Therefore, I got a very helpful answer, I could start to do performance test. However, I would like to measure DOM rendering time also. My app is very content intensive, the rendering time can be quite a while. If someone knows how to use benchmark.js in order to DOM rendering, could you give some advice?
How to measure DOM rendering time Angular 2 app?
2.2k Views Asked by Anna Lee At
1
There are 1 best solutions below
Related Questions in PERFORMANCE
- Slow performance on ipad erasing image
- Can Apache Ant be told to cache its XML files?
- What are the pros and cons of the picture element?
- DB candidate as CouchDB/Schema replacement
- python member str performance too slow
- Split a large query (2 days) into pieces to increase the speed in Postgres
- Use GUI displayed results of SQL query vs new queries?
- fastest way to map a large number of longs
- Bash regular expression execution hangs on long expressions
- Why is calling a function so slow in Javascript?
- Performance of element-compare in java collections
- "Capture GPU Frame" in XCode -- iOS only?
- Efficiency penalty of initializing a struct/class within a loop
- Change the rotating speed of the circle when the mouse moves using javascript
- Replace foreach to make loop into queryable
Related Questions in ANGULAR
- Is it possible to use ES5 JavaScript with Angular 2 instead of TypeScript?
- Module '"angular2/angular2"' has no exported member 'For'
- import syntax in typescript creating another js file in visual studio
- Separate ts file for imports
- How to use an AngularJS 2 component multiple times in the same page?
- injectables not working in angular 2.0 latest build 26
- Does angular2 bootstrap have a way to dynamically target elements like it does in angular 1.x
- Import {} from location is not found in VS Code using TypeScript and Angular 2
- Angular 2/Typescript: require not found
- ng-switch in Angular2
- Angular 2 import issue: "Zone already exported on window the object!"
- How to make FileReader work with Angular2?
- Writing the most basic Unit test in Angular 2?
- Angular2: Creating child components programmatically
- AngularJS - TypeError: Cannot read property 'canonicalUrl' of undefined
Related Questions in DOM
- getElementsByName returns an element with a wrong name
- Scala.js: Selecting and manipulating generated SVG
- How to add different text after echo output using PHP
- Undefined when passing DOM object in Javascript
- jQuery trigger when inner html DOM ready
- QDomDocument toString
- How to use DOMParser in PhantomJS?
- How to append the text (increasing order) using DOM parser in PHP?
- How's Virtual DOM implementation is different than createDocumentFragment() if no state is observed?
- simple dom parser double find() doesn't work?
- Polymer 1.0 Conditional dom-repeat issue
- Javascript help using createElement() and appendChild()
- How to stop XML Tag Attributes from sorting in Ascending Order after modifying the XML file using Java?
- getAttribute by TagName - JS
- Html dom parser php table
Related Questions in RENDERING
- SDL2 main game loop
- PdfBox issue while changing page
- OpenGL heightmap terrain render does not draw
- Characters arbitrarily being changed
- How to debug transforms in glsl vertex shaders in lwjgl
- How to make PyCollada output multiple meshes to the same scene?
- Pass parameters to rendering using ItemRendering in Sitecore
- Rendering a scene created in Blender with Babylon.js without the Babylon.js default shiny material
- Drupal 7: best way to render arbitrary content directly into <body> while keeping what's in <head>
- Android - active rendering in game loop?
- HTML How to get image to load with less quality
- Why is ListView rendering so slow for certain characters?
- CustomView's "onDraw()"-Method never gets called
- SDL - BlitSurface vs LowerBlit
- Rendering HTML Tags Laravel 5 Blade Templating
Related Questions in BENCHMARK.JS
- Benchmark.js when used in '.jsx' file throws error "Critical dependency: the request of a dependency is an expression"
- Is there a CodeIgniter Benchmark Class equivalent for Laravel 9?
- What is the purpose of setup, teardown and cycles in Benchmark.js?
- Problem during testing transform-streams (Node.js) with Benchmark.js
- Strange Object vs. Array benchmark result under --debug-brk flag
- what makes two same objects performance different?
- How to use external library 'benchmark.js' in Angular2?
- How to measure DOM rendering time Angular 2 app?
- How to improve accuracy for individual tests in benchmark.js
- Benchmark Asynchronous Code (Benchmark.js, Node.js)
- How to make the output of multiple JavaScript functions display in HTML?
- Using Benchmarkjs with Webpack and Babel
- How to get Benchmark.js to do setup/teardown each time my benchmarked code is run (not just each cycle)?
- Watching historical performance data using benchmark.js and a build process
- How to catch and log in the console an error thrown by benchmarked code?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
Lighthouse is an excellent tool for measuring performance. It powers the "audit" tab in the chrome developer extensions, but can also be run from command-line if needed.