Performance matters. Whether noticed outright by your users—or sensed as an annoying drag on their digital experience—your site's performance inevitably loads on the bottom line.

That's why today we've released FullStory Developer Tools. "Dev Tools" extend FullStory's pixel-perfect session replay by also recording the nitty-gritty details of performance down to stack traces and network views. It's the technical information you need to improve the digital experience on your website or app.

FullStory Dev Tools give you the technical information you need to improve the digital experience on your website or app.

Dev Tools overview

What do you get with Dev Tools? And how can you take advantage of them? Let's start with an overview of what Dev Tools on FullStory include:

  • Page Speed Metrics — First Contentful Paint, DOMContentLoaded, Page Load are all recorded and indexed, ready to search and analyze, replay, and troubleshoot. And you can even search your sessions to troubleshoot particularly slow sessions!
  • Network Analysis View — List and visualize the requests made by the browser and how long each request took. Filter based on the type of request or search for a specific request. This is useful for identifying what might be slowing down the page.
  • Console View — See the console messages logged in every recorded session including any warnings, errors, exceptions, and stack traces. Filter and search in the console view for the information you need.

We'll cover each Dev Tools feature in detail below. Or you can walk through how you can use Dev Tools to give support professionals superpowers and enabling your dev team to solve bugs fast. Or see how Dev Tools help marketers and product managers analyze conversion funnels to improve products and optimize conversions.

As for the details of what comes in Dev Tools, there's much to share, so let's get started!

Load up Page Speed Metrics

When it comes to digital, understanding your customer's experience online can feel like a black box full of charts, metrics, and other abstractions. FullStory session replay humanizes your data by visualizing the customer's digital experience. Replay is the DVR for your website you use to play back real user experiences.

As seen from the event stream in FullStory, page speed is animated with specific timings around First Contentful Paint, DOMContentLoaded, and page load broken out on click.

Except sometimes, it's not enough just to see the step-by-step replay of clicks, taps, swipes, and scrolls. To understand whether page performance affected a user's real experience—replay has to capture the speed of the page—exactly as it loaded in the user's browser. How fast does it load? Where's it hanging up?

And when there's a page speed problem, the details matter.

Page speed metrics in FullStory Dev Tools serves up data on First Contentful Paint, DOMContentLoaded, and Page Load.

You'll see each of these page speed metrics via a handy, animated visualization right in your event stream in FullStory, complete with timings for each page.

We know page performance is no laughing matter, but with Dev Tools, you can download the HTTP Archive or "HAR" file if you need it. No joke!

Dive deep with Network Analysis and Console Views (Including Stack Trace)

Whether you're supporting a customer or hoping to fix some bug, having detailed log, stack trace, and network information are all helpful, nuanced data you need to get the job done.

Network Analysis View in FullStory Dev Tools shows the requests that were made by the browser and how long each request took. You can filter based on the type of request or search for a specific request. This is useful for identifying what might be slowing down the page.

Console view comes standard with FullStory Pro and includes console logs, stack trace, error messages, and exceptions. You can even search them. Useful for debugging, this feature shows where an error occurred by providing information about what happened immediately prior to the problem.

Everyone on your team is smarter with Dev Tools

Performance affects your entire organization—not just the technically-inclined in your crew. That's why FullStory Dev Tools were built with your entire organization in mind:

  • Crushing your support queue only to hit a particularly perplexing customer service problem and need technical assets? Now you can replay to confirm the problem and send your dev-team what they need to fix it. See what this looks like in action.
  • Discerning developers armed with Dev Tools will find support tickets and bug reports portals to the FullStory replay they need to reproduce the issue quickly and completely, with page load timings, stack traces, network Views and even the HAR file.

Beyond support escalation and fixing software errors, Dev Tools can even help product management and marketing:

  • Savvy product managers who need to know when, where, and why users are hung up are using Dev Tools to identify when a new feature is negatively impacting the product.
  • Conversion-minded marketers looking for another lever of influence can make the funnel flow faster by optimizing page load times. See what this looks like in action.

In these cases and more, Dev Tools by FullStory stand ready to help.

Dev Tools are for you

The performance of your site or app is everyone's business, so no matter your job—support, product, development, or marketing—Dev Tools has something to offer.

If you're new to FullStory, start your free 14-day trial to see what everyone already knows: improving the digital experience for your users is only possible when you understand that experience. Dev Tools by FullStory can help.

If you're already a FullStory customer on a paid or free plan, you can request a Dev Tools trial and see how it works for your sessions in FullStory.