Skip to content

Commit 98e70b1

Browse files
committed
doc Throttled icon
1 parent 7c1f12a commit 98e70b1

8 files changed

Lines changed: 29 additions & 18 deletions

File tree

-48.2 KB
Loading

microsoft-edge/devtools-guide-chromium/device-mode/index.md

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -284,18 +284,19 @@ To test how quickly your page loads and how it responds at different internet an
284284

285285
If the **Throttle list** is hidden, widen the **Device Toolbar**.
286286

287-
* **Mid-tier mobile** simulates `fast 3G` and throttles your CPU. It is four times slower than normal.
288-
* **Low-end mobile** simulates `slow 3G` and throttles your CPU. It is six times slower than normal.
287+
* **Mid-tier mobile** simulates **CPU** throttling of **4x slowdown** and **Network** throttling of **Slow 4G**. It is four times slower than normal.
288+
289+
* **Low-end mobile** simulates **CPU** throttling of **6x slowdown** and **Network** throttling of **3G**. It is six times slower than normal.
289290

290291
All of the throttling is based upon the normal capability of your laptop or desktop.
291292

292293

293294
<!-- ------------------------------ -->
294-
#### Performance tab has warning icon when throttled
295+
#### Network and Performance tabs have warning icon when throttled
295296

296-
When throttling is enabled in **Device Emulation**, a warning icon is displayed in the **Performance** tab of the toolbar, to help you know that performance is impacted by throttling:
297+
When throttling is enabled in **Device Emulation**, a warning icon is displayed in the **Network** and **Performance** tool tabs on the **Activity Bar**, to help you know that performance is impacted by throttling:
297298

298-
![Performance tab warning icon](./index-images/performance-warning-icon.png)
299+
![The Throttled warning icon on the Network and Performance tool tabs](./index-images/performance-warning-icon.png)
299300

300301

301302
<!-- ------------------------------ -->

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

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -63,9 +63,11 @@ 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)<!-- todo: show or mention throttling warning icon -->
66+
![CPU throttle](./index-images/capture-settings.png)
6767

68-
If you want to ensure that pages work well on low-end mobile devices, set **CPU** to **6x slowdown**.
68+
A warning icon is displayed on the **Performance** tool's tab, to remind you that throttling is enabled.
69+
70+
If you want to ensure that pages work well on low-end mobile devices, set **CPU** to **6x slowdown**.
6971

7072

7173
<!-- ------------------------------ -->

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

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -143,7 +143,7 @@ To throttle the network while recording:
143143

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

146-
<!-- todo: show or mention throttling warning icon -->
146+
A warning icon is displayed on the **Network** tool's tab, to remind you that throttling is enabled.
147147

148148

149149
<!-- ------------------------------ -->
@@ -156,9 +156,7 @@ To throttle the CPU while recording:
156156

157157
1. Set **CPU** to the desired level of throttling.
158158

159-
<!-- todo: show or mention throttling warning icon -->
160-
161-
<!-- https://microsoftedge.github.io/Demos/devtools-performance-get-started/ -->
159+
A warning icon is displayed on the **Performance** tool's tab, to remind you that throttling is enabled.
162160

163161
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.
164162

-221 KB
Loading

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

Lines changed: 6 additions & 4 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: 01/31/2025
9+
ms.date: 02/12/2025
1010
---
1111
<!-- Copyright Kayce Basques
1212
@@ -145,13 +145,15 @@ The network connection of the computer that you use to build sites is probably f
145145

146146
1. Select the **Throttling** dropdown list in the top toolbar. It is set to **No throttling** by default.
147147

148-
1. Select **Slow 3G**:
148+
1. Select **Slow 3G** or **Slow 4G**:
149149

150-
![Select Slow 3G](./index-images/throttling-slow-3g.png)<!-- todo: show or mention throttling warning icon -->
150+
![Select Slow 3G](./index-images/throttling-slow-3g.png)
151+
152+
A warning icon is displayed on the **Network** tool's tab, to remind you that throttling is enabled.
151153

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

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

156158
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.
157159

31.6 KB
Loading

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

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -220,11 +220,19 @@ Emulate Slow 3G, Fast 3G, and other connection speeds from the **No throttling**
220220

221221
The **Throttling** dropdown menu:
222222

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

225-
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**.
225+
You can choose from different presets, such as:
226+
* **Fast 4G**
227+
* **Slow 4G**
228+
* **3G**
229+
* **Offline**
226230

227-
DevTools displays a warning icon next to the **Network** tool to remind you that throttling is enabled.
231+
To add your own custom presets, click the **Throttling** menu, and then select **Custom** > **Add**.
232+
233+
A warning icon is displayed on the **Network** tool's tab, to remind you that throttling is enabled:
234+
235+
![The Throttled warning icon on the Network tab in the Activity Bar](./reference-images/throttled-icon.png)
228236

229237
See also [Simulate a slower network connection](../network/index.md#simulate-a-slower-network-connection) in _Inspect network activity_.
230238

0 commit comments

Comments
 (0)