Skip to content

Commit 3059121

Browse files
committed
mark affected sections
1 parent 524d14f commit 3059121

4 files changed

Lines changed: 20 additions & 6 deletions

File tree

microsoft-edge/devtools-guide-chromium/evaluate-performance/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ Mobile devices have much less CPU power than desktops and laptops. Whenever you
6363

6464
1. For **CPU**, select **4x slowdown**. DevTools throttles your CPU so that it's 4 times slower than usual.
6565

66-
![CPU throttle](./index-images/capture-settings.png)
66+
![CPU throttle](./index-images/capture-settings.png)<!-- todo: show or mention throttling warning icon -->
6767

6868
If you want to ensure that pages work well on low-end mobile devices, set **CPU** to **6x slowdown**.
6969

microsoft-edge/devtools-guide-chromium/evaluate-performance/reference.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -142,6 +142,8 @@ To throttle the network while recording:
142142

143143
1. Set **Network** to the desired level of throttling.
144144

145+
<!-- todo: show or mention throttling warning icon -->
146+
145147

146148
<!-- ------------------------------ -->
147149
#### Throttle the CPU while recording
@@ -152,6 +154,8 @@ To throttle the CPU while recording:
152154

153155
1. Set **CPU** to the desired level of throttling.
154156

157+
<!-- todo: show or mention throttling warning icon -->
158+
155159
Throttling is relative to the capabilities of your computer. For example, the **2x slowdown** option makes your CPU operate twice as slow than normal. DevTools don't truly simulate the CPUs of mobile devices, because the architecture of mobile devices is very different from that of desktops and laptops.
156160

157161

microsoft-edge/devtools-guide-chromium/network/index.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ ms.author: msedgedevrel
66
ms.topic: conceptual
77
ms.service: microsoft-edge
88
ms.subservice: devtools
9-
ms.date: 07/11/2023
9+
ms.date: 01/31/2025
1010
---
1111
<!-- Copyright Kayce Basques
1212
@@ -147,11 +147,11 @@ The network connection of the computer that you use to build sites is probably f
147147

148148
1. Select **Slow 3G**:
149149

150-
![Select Slow 3G](./index-images/throttling-slow-3g.png)
150+
![Select Slow 3G](./index-images/throttling-slow-3g.png)<!-- todo: show or mention throttling warning icon -->
151151

152152
1. Long-press **Reload** (![Reload](./index-images/refresh-icon.png)) (or right-click **Refresh**) and then select **Empty cache and hard refresh**:
153153

154-
![Empty cache and hard refresh](./index-images/empty-cache-and-hard-reset.png)
154+
![Empty cache and hard refresh](./index-images/empty-cache-and-hard-reset.png)<!-- todo: show or mention throttling warning icon -->
155155

156156
On repeat visits, the browser usually serves some files from the [cache](https://developer.mozilla.org/docs/Web/HTTP/Caching), which speeds up the page load. **Empty cache and hard refresh** forces the browser to go the network for all resources. Use it to display how a first-time visitor experiences a page load.
157157

microsoft-edge/devtools-guide-chromium/network/reference.md

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,18 +28,21 @@ This article is a feature-driven inventory of the **Network** tool. Use the **N
2828

2929
<!-- -------------- -->
3030
**Detailed contents:**
31-
<!-- omit h6 (3rd level). compare Table of contents in https://developer.chrome.com/docs/devtools/network/reference/ -->
3231

32+
<!-- compare https://developer.chrome.com/docs/devtools/network/reference/ -->
33+
<!-- updated 2025/01/31 -->
3334
* [Record network requests](#record-network-requests)
3435
* [Stop recording network requests](#stop-recording-network-requests)
3536
* [Clear requests](#clear-requests)
3637
* [Save requests across page loads](#save-requests-across-page-loads)
3738
* [Capture screenshots during page load](#capture-screenshots-during-page-load)
3839
* [Change loading behavior](#change-loading-behavior)
3940
* [Emulate a first-time visitor by disabling the browser cache](#emulate-a-first-time-visitor-by-disabling-the-browser-cache)
41+
* [Disable the browser cache from the Network conditions tool](#disable-the-browser-cache-from-the-network-conditions-tool)
4042
* [Manually clear the browser cache](#manually-clear-the-browser-cache)
4143
* [Emulate offline](#emulate-offline)
4244
* [Emulate slow network connections](#emulate-slow-network-connections)
45+
* [Emulate slow network connections from the Network Conditions tool](#emulate-slow-network-connections-from-the-network-conditions-tool)
4346
* [Manually clear browser cookies](#manually-clear-browser-cookies)
4447
* [Override the user agent](#override-the-user-agent)
4548
* [Set user agent client hints](#set-user-agent-client-hints)
@@ -52,13 +55,19 @@ This article is a feature-driven inventory of the **Network** tool. Use the **N
5255
* [Sort by column](#sort-by-column)
5356
* [Sort by activity phase](#sort-by-activity-phase)
5457
* [Analyze requests](#analyze-requests)
58+
* [Display a log of requests](#display-a-log-of-requests)
59+
* [Add or remove columns](#add-or-remove-columns)
60+
* [Add columns for response headers](#add-columns-for-response-headers)
5561
* [Display the timing relationship of requests](#display-the-timing-relationship-of-requests)
5662
* [Display a preview of a response body](#display-a-preview-of-a-response-body)
5763
* [Display a response body](#display-a-response-body)
5864
* [Display HTTP headers](#display-http-headers)
5965
* [Display query string parameters](#display-query-string-parameters)
66+
* [Display URL-encoded query string parameters](#display-url-encoded-query-string-parameters)
6067
* [Display cookies](#display-cookies)
6168
* [Display the timing breakdown of a request](#display-the-timing-breakdown-of-a-request)
69+
* [Preview a timing breakdown](#preview-a-timing-breakdown)
70+
* [Timing breakdown phases explained](#timing-breakdown-phases-explained)
6271
* [Display initiators and dependencies](#display-initiators-and-dependencies)
6372
* [Display load events](#display-load-events)
6473
* [Display the total number of requests](#display-the-total-number-of-requests)
@@ -74,6 +83,7 @@ This article is a feature-driven inventory of the **Network** tool. Use the **N
7483
* [Hide the Filters pane](#hide-the-filters-pane)
7584
* [Big request rows](#big-request-rows)
7685
* [Hide the Overview pane](#hide-the-overview-pane)
86+
* [See also](#see-also)
7787

7888

7989
<!-- ====================================================================== -->
@@ -210,7 +220,7 @@ Emulate Slow 3G, Fast 3G, and other connection speeds from the **No throttling**
210220

211221
The **Throttling** dropdown menu:
212222

213-
![The Throttling dropdown menu](./reference-images/throttling-menu.png)
223+
![The Throttling dropdown menu](./reference-images/throttling-menu.png)<!-- todo: show or mention throttling warning icon -->
214224

215225
You can choose from different presets, such as Slow 3G or Fast 3G. To add your own custom presets, open the Throttling menu, and select **Custom** > **Add**.
216226

0 commit comments

Comments
 (0)