Javascript Spaghetti Profiler

Tested url: {{phantomasResults.url}}

New test

Summary

Spaghetti

Metrics

Error: {{phantomasResults.error}}

Phantomas timed out

Phantomas config error

Phantomas failed to load page

Phantomas internal error

Javascript execution tree error

Summary

DOM complexity

DOM read and write Requests

Duplicated DOM queries

Javascript bad practices

Javascript manipulation time: {{totalJSTime}} ms

Javascript onDOMReady time: {{phantomasResults.metrics.domContentLoadedEnd - phantomasResults.metrics.domContentLoaded}} ms

Scripts count: {{phantomasResults.metrics.jsCount}}

DOM elements count: {{phantomasResults.metrics.DOMelementsCount}}

DOM max depth: {{phantomasResults.metrics.DOMelementMaxDepth}}

DOM queries: {{phantomasResults.metrics.DOMqueries}}

DOM inserts: {{phantomasResults.metrics.DOMinserts}}

Duplicated DOM queries: {{phantomasResults.metrics.DOMqueriesDuplicated}}

Events bound: {{phantomasResults.metrics.eventsBound}}

document.write() calls: {{phantomasResults.metrics.documentWriteCalls}}

eval calls: {{phantomasResults.metrics.evalCalls}}

Javascript errors: {{phantomasResults.metrics.jsErrors}}

jQuery version: {{phantomasResults.metrics.jQueryVersion}}

Number of jQuery versions loaded: {{phantomasResults.metrics.jQueryDifferentVersions}} ({{version}} & )

Javascript Spaghetti Profiler (interactions with the DOM)

Filter by

Requests slower than ms

Type

Params

Duration

Start time

{{node.data.callDetails.arguments[0]}} : {{node.data.callDetails.arguments[1]}} : {{node.data.callDetails.arguments[2]}} : {{node.data.callDetails.arguments[3]}}

✖

Called on DOM element

Called on 1 jQuery element

Called on {{node.data.callDetails.context.length}} jQuery elements

The .bind() method attaches the event listener to each jQuery element one by one. Using the .on() method is preferred if available (from v1.7).

First one is: {{node.data.callDetails.context.firstElementPath}}

Backtrace

{{trace.fileName || 'HTML'}}:{{trace.line}}

can't find any backtrace :/

Sub processes

Type

Params

Duration

{{node.data.callDetails.arguments[0]}} : {{node.data.callDetails.arguments[1]}} : {{node.data.callDetails.arguments[2]}} : {{node.data.callDetails.arguments[3]}}

{{node.data.time}} ms

Metrics from Phantomas report

Phantomas is a web performance metrics collector. You can find here the (almost) entire list of metrics from Phantomas.

{{metricName}}: {{phantomasResults.metrics[metricName]}} {{metric.unit}}

{{metric.desc}} (unreliable)

Show offenders

Hide offenders

{{offender}}

Javascript Spaghetti Profiler

Error: {{phantomasResults.error}}

Summary

Javascript Spaghetti Profiler (interactions with the DOM)

Called on DOM element

Called on 1 jQuery element

Called on {{node.data.callDetails.context.length}} jQuery elements

Backtrace

Sub processes

Metrics from Phantomas report

{{moduleName}}