docs: Add browser dev tools image to aid explanation

ViewComponent · Jul 7, 2023 · e4b5993 · e4b5993
1 parent dd05dc8
commit e4b5993
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/docs/guide/instrumentation.md b/docs/guide/instrumentation.md
@@ -30,4 +30,8 @@ ActiveSupport::Notifications.subscribe("render.view_component") do |*args| # or
 end
 ```
 
+### Viewing instrumentation sums in the browser developer tools
+
 When using `render.view_component` with `config.server_timing = true` (default in development) in Rails 7, the browser developer tools display the sum total timing information in Network > Timing under the key `render.view_component`.
+
+![Browser showing the Server Timing data in the browser dev tools](../images/viewing_instrumentation_sums_in_browser_dev_tools.png "Server Timing data in the browser dev tools")
diff --git a/docs/images/viewing_instrumentation_sums_in_browser_dev_tools.png b/docs/images/viewing_instrumentation_sums_in_browser_dev_tools.png