Brightspot CMS Developer Guide

Contextual debugging


The Contextual Debugging Tool gives you an instant view of webpage metrics and files being rendered. Activate the Dari Contextual Debugger by adding ?_debug=true or &_debug=true (depending on the query string) to a page URL. The Contextual Debugger provides a view of the load time, in milliseconds, for each module (JSP) on the page. Scaled color hotspots provide a clear illustration of the slowest loading modules on the page. The larger and darker red the circle, the slower the load time. In the example below, the 90 millisecond load time is the slowest on the page.

Getting context

Hover over a hotspot on the page to see specific data for that module in the top right of the page. Click on a hotspot to learn more about the event.

Dari tools.png Dari tools.png
Hotspots on a web page


Overview of page

At the bottom of the browser window is an ordered waterfall view of all items loaded on the page. There is a color-coded overview of the includes and events.

Items loaded on a page.png Items loaded on a page.png
Items loaded on a page


Finding code

Clicking on a specific hotspot sends you to the full waterfall view of the page load at the bottom of the browser window. The selected hotspot will be found automatically. For example, clicking on the “90 milliseconds” hotspot brings you to the page_js_start.jsp.

Waterfall view of a web page.png Waterfall view of a web page.png
Waterfall view of a web page


View code

Hover over an area of the page to show the JSP file being rendered. The path to the file is in the upper right so you can find code visually without searching through your project.

Dari Code Editor.png Dari Code Editor.png
Dari Code Editor

Previous Topic
Debugging with Dari
Next Topic
URL query parameters
Was this topic helpful?
Thanks for your feedback.
Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.



Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.

Content types
Modules
Landing pages
Everything you need to know when creating, managing, and administering content within Brightspot CMS.

Dashboards
Publishing
Workflows
Admin configurations
A guide for installing, supporting, extending, modifying and administering code on the Brightspot platform.

Field types
Content modeling
Rich-text elements
Images
A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.

Google Analytics
Shopify
Apple News