Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
24 commits
Select commit Hold shift + click to select a range
df13edc
updated text for adding link to teams
shorowitz2021 Sep 29, 2025
10fd349
comment to update screenshot of Infrastructure Overview
shorowitz2021 Sep 29, 2025
f08a41e
comment on run results - can't use the graph point to get there
shorowitz2021 Sep 29, 2025
8c6d32b
removed todo
shorowitz2021 Sep 30, 2025
9a45fec
removed comments
shorowitz2021 Sep 30, 2025
9cccba5
Rename log-observer-custom-dashboard.png to log-observer-custom-dashb…
shorowitz2021 Sep 30, 2025
b0c358b
Rename linking.png to linking-old.png
shorowitz2021 Sep 30, 2025
f663430
Add files via upload
shorowitz2021 Sep 30, 2025
f5da03d
Merge branch 'splunk:main' into additional-updates
shorowitz2021 Sep 30, 2025
90fe3cb
Update 2-synthetics-detail.md
shorowitz2021 Sep 30, 2025
f99dba4
Update 2-synthetics-detail.md
shorowitz2021 Sep 30, 2025
97afb76
Rename synth-waterfall.png to synth-waterfall-old.png
shorowitz2021 Sep 30, 2025
7ee093f
Add files via upload
shorowitz2021 Sep 30, 2025
750cc0c
Update 4-synthetics-detector.md
shorowitz2021 Sep 30, 2025
a4c42c4
Merge branch 'splunk:main' into additional-updates
shorowitz2021 Oct 1, 2025
dd3fae7
Update 3-custom-chart.md
shorowitz2021 Oct 1, 2025
26a943d
Merge branch 'splunk:main' into additional-updates
shorowitz2021 Oct 2, 2025
4cdee97
Update 2-synthetics-detail.md
shorowitz2021 Oct 2, 2025
28b8fe2
updated screenshot of test run
shorowitz2021 Oct 2, 2025
6c4cd27
Update 3-custom-chart.md
shorowitz2021 Oct 2, 2025
c8bfd1f
Update 4-synthetics-detector.md
shorowitz2021 Oct 2, 2025
adfa159
Update 2-synthetics-detail.md
shorowitz2021 Oct 2, 2025
12dd15a
Update 1-synthetics-dashboard.md
shorowitz2021 Oct 2, 2025
254a56f
Update 4-log-view-chart.md
shorowitz2021 Oct 2, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -22,12 +22,11 @@ As with the previous Log Timeline chart, we will add a version of this chart to
* Ensure **Log View** is selected as the **Chart Type**.
![log view](../images/log-view.png?classes=left&width=30vw)
* To see your dashboard click {{% button style="blue" %}}Save and go to dashboard{{% /button %}}.
* The result should be similar to the dashboard below:
* The result should be similar to the dashboard below:
![Custom Dashboard](../images/log-observer-custom-dashboard.png)
* As the last step in this exercise, let us add your dashboard to your workshop team page, this will make it easy to find later in the workshop.
* At the top of the page, click on the ***...*** to the left of your dashboard name.
![linking](../images/linking.png)
* Select **Link to teams** from the drop-down.
* At the top of the page, click on the vertical 3 dots menu **⋮** on the top right, select **Dashboard Group Actions** > **Link to teams**.
![linking](../images/linking.png)
* In the following **Link to teams** dialog box, find the Workshop team that your instructor will have provided for you and click {{% button style="blue" %}}Done{{% /button %}}.

{{% /notice %}}
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,6 @@ In Splunk Observability Cloud from the main menu, click on **Synthetics**. Click
During our investigation in the RUM section, we found there was an issue with the **Place Order** Transaction. Let's see if we can confirm this from the Synthetics test as well. We will be using the metric **First byte time** for the 4th page of the test, which is the **Place Order** step.

{{% notice title="Exercise" style="green" icon="running" %}}

* In the **Search** box enter **[WORKSHOP NAME]** and select the test for your workshop (your instructor will advise as to which one to select).
* Under **Performance KPIs** set the Time Picker to **Last 1 hour** and hit enter.
* Click on **Location** and from the drop-down select **Page**. The next filter will be populated with the pages that are part of the test.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,24 +12,24 @@ The screenshot below doesn't contain a red banner with an error in it however yo
{{% /notice %}}

![waterfall](../images/synth-waterfall.png)

1. **Filmstrip:** Offers a set of screenshots of site performance so that you can see how the page responds in real-time.
2. **Video:** This lets you see exactly what a user trying to load your site from the location and device of a particular test run would experience.
3. **Browser test metrics:** A View that offers you a picture of website performance.
4. **Synthetic transactions:** List of the Synthetic transactions that made up the interaction with the site
5. **Waterfall chart** The waterfall chart is a visual representation of the interaction between the test runner and the site being tested.
1. **Filter:** Focus in on specific parts of your test; filters the filmstrip, video, and waterfall.
2. **Filmstrip:** Offers a set of screenshots of site performance so that you can see how the page responds in real-time.
3. **Waterfall chart:** The waterfall chart is a visual representation of the interaction between the test runner and the site being tested.
4. **Video:** This lets you see exactly what a user trying to load your site from the location and device of a particular test run would experience.
5. **Browser test metrics:** A view that offers you a picture of website performance.

By default, Splunk Synthetics provides screenshots and video capture of the test. This is useful for debugging issues. You can see, for example, the slow loading of large images, the slow rendering of a page etc.

{{% notice title="Exercise" style="green" icon="running" %}}


* Use your mouse to scroll left and right through the filmstrip to see how the site was being rendered during the test run.
* In the Video pane, press on the play button **▶** to see the test playback. If you click the ellipses **⋮** you can change the *playback speed*, view it *Picture in Picture* and even *Download* the video.
* In the Synthetic Transaction pane, under the header *Business Transactions*, click on the first button {{% button style="blue" %}}**Home**{{% /button %}}
* In the Video pane, press on the play button **▶** to see the test playback. If you click the vertical three dots **⋮** you can change the *playback speed*, view it *Picture in Picture* and even *Download* the video.
* Using the filter above the filmstrip, under the header *Synthetic Transactions*, click on **Home**
* The waterfall below will show all the objects that make up the page. The first line is the HTML page itself. The next lines are the objects that make up the page (HTML, CSS, JavaScript, Images, Fonts, etc.).
* In the waterfall find the line **GET** *splunk-otel-web.js*.
* Click on the **>** button to open the metadata section to see the Request/Response Header information.
* In the Synthetic Transaction pane, click on the second Business Transaction {{% button style="blue" %}}**Shop**{{% /button %}}. Note that the filmstrip adjusts and moves to the beginning of the new transaction.
* Repeat this for all the other Transactions, then finally select the{{% button style="blue" %}}**PlaceOrder**{{% /button %}} transaction.
* In the filter, switch to the second Synthetic Transaction **Shop**. Note that the filmstrip and video adjust and move to the beginning of the new transaction.
* Repeat this for all the other Transactions, then finally select the **PlaceOrder** transaction.

{{% /notice %}}
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,8 @@ Given you can run these tests 24/7, it is an ideal tool to get warned early if y
* Select the workshop test again and click the {{% button %}}**Create Detector**{{% /button %}} button at the top of the page.

![synth detector](../images/synth-detector.png)
* Edit the text **New Synthetics Detector** (**1**) and replace it with `INITIALS -` [WORKSHOPNAME]`.
* Ensure that {{% button %}}Run duration{{% /button %}} and {{% button %}}Static threshold{{% /button %}} are selected.
* Edit the text **New Synthetics Detector** (**1**) and replace it with `INITIALS - [WORKSHOPNAME]`.
* Change the alert criteria so that the metric is Run Duration (instead of Uptime) and the condition is Static Threshold.
* Set the **Trigger threshold** (**2**) to be around `65,000` to `68,000` and hit enter to update the chart. Make sure you have more than one spike cutting through the threshold line as shown above (you may have to adjust the threshold value a bit to match your actual latency).
* Leave the rest as default.
* Note that there is now a row of red and white triangles appearing below the spikes (**3**). The red triangles let you know that your detector found that your test was above the given threshold & the white triangle indicates that the result returned below the threshold. Each red triangle will trigger an alert.
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ In this part of the workshop we are going to create a chart that we will add to
* Click the {{% button style="blue" %}}Save and close{{% /button %}} button.
* In the dashboard, move the charts so they look like the screenshot below:
![Service Health Dashboard](../images/service-health-dashboard.png)
* For the final task, click three dots **...** at the top of the page (next to **Event Overlay**) and click on **View fullscreen**. This will be the view you would use on the TV monitor on the wall (press Esc to go back).
* For the final task, click three vertical dots **** at the top right of the page (next to **AI Assistant**) and click on **View fullscreen**. This will be the view you would use on the TV monitor on the wall (press Esc to go back).

{{% /notice %}}

Expand Down