Updates navigation for Speed (#25739)

Author: angelampcosta

src/content/docs/automatic-platform-optimization/get-started/activate-cf-wp-plugin.mdx

@@ -35,9 +35,11 @@ The Cloudflare APO WordPress plugin does not support multisite WordPress install
 
 ## Purchase APO
 
-1. Log into the [Cloudflare dashboard](https://dash.cloudflare.com).
-2. Select your account and zone.
-3. Go to **Speed** > **Optimization** > **Content Optimization**.
+1. In the Cloudflare dashboard, go to the **Settings** page.
+
+   <DashButton url="/?to=/:account/:zone/speed/optimization" />
+
+3. Go to **Content Optimization**.
 4. For **Automatic Platform Optimization for WordPress**, select **Purchase**.
 5. Enter your payment information and select **Confirm payment**.
 

src/content/docs/cache/advanced-configuration/early-hints.mdx

@@ -4,7 +4,7 @@ pcx_content_type: concept
 
 ---
 
-import { FeatureTable } from "~/components"
+import { FeatureTable, DashButton } from "~/components"
 
 Early Hints takes advantage of “server think time” to asynchronously send instructions to the browser to begin loading resources while the origin server is compiling the full response. By sending these hints to a browser before the full response is prepared, the browser can figure out how to load the webpage faster for the end user.
 
@@ -26,10 +26,12 @@ For more information about Early Hints, refer to the [Cloudflare](https://blog.c
 
 ## Enable Early Hints
 
-1. Log in to your [Cloudflare dashboard](https://dash.cloudflare.com) and select your domain.
-2. From the dashboard, select **Speed** > **Optimization**.
-3. Go to the **Content Optimization** tab.
-4. For **Early Hints**, toggle the switch to **On**.
+1. In the Cloudflare dashboard, go to the **Settings** page.
+
+   <DashButton url="/?to=/:account/:zone/speed/optimization" />
+
+2. Go to the **Content Optimization** tab.
+3. For **Early Hints**, toggle the switch to **On**.
 
 ## Generate Early Hints
 

src/content/docs/speed/observatory/run-speed-test.mdx

@@ -6,17 +6,19 @@ sidebar:
 description: Learn how to use Cloudflare's Observatory to assess the performance of your website.
 ---
 
-import { Render } from "~/components";
+import { Render, DashButton } from "~/components";
 
 ## Run Synthetic test
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account and domain.
-2. Go to **Speed** > **Synthetic Monitoring**.
-3. Enter the URL you want to test. The URL must belong to the zone you are testing from.
-4. Select the test type you want to use: **Browser** or **Network tests**.
-5. Select the **Region** the automated browser will use.
-6. Depending on your plan you can select to run the test **once**, **daily** or **weekly**. Refer to the [Quotas](/speed/observatory/run-speed-test/#quotas) section for information on the test frequency available for your plan. Note that these limits may change over time.
-7. After the test finishes running, you will get a Lighthouse score and you will have access to the list of the tests run. The test result page will give you details regarding the performance of your website, both for the desktop and mobile versions. Refer to [Understand test results](/speed/observatory/test-results/) for more information.
+1. In the Cloudflare dashboard, go to the **Synthetic Monitoring** page.
+
+   <DashButton url="/?to=/:account/:zone/speed/test" />
+
+2. Enter the URL you want to test. The URL must belong to the zone you are testing from.
+3. Select the test type you want to use: **Browser** or **Network tests**.
+4. Select the **Region** the automated browser will use.
+5. Depending on your plan you can select to run the test **once**, **daily** or **weekly**. Refer to the [Quotas](/speed/observatory/run-speed-test/#quotas) section for information on the test frequency available for your plan. Note that these limits may change over time.
+6. After the test finishes running, you will get a Lighthouse score and you will have access to the list of the tests run. The test result page will give you details regarding the performance of your website, both for the desktop and mobile versions. Refer to [Understand test results](/speed/observatory/test-results/) for more information.
 
 <Render file="user-agents" product="speed" />
 

src/content/docs/speed/optimization/content/fonts/index.mdx

@@ -8,7 +8,7 @@ sidebar:
 
 ---
 
-import { GlossaryTooltip, Render } from "~/components"
+import { GlossaryTooltip, Render, DashButton } from "~/components"
 
 Cloudflare Fonts is a feature designed for websites that use Google Fonts. It rewrites Google Fonts to be delivered from a website’s own origin, eliminating the need to rely on third-party font providers. Cloudflare Fonts is tailored to improve website performance and user privacy without the need for any code changes or self-hosting of fonts.
 
@@ -36,8 +36,11 @@ Samsung Internet 5+
 
 To enable Cloudflare Fonts for your entire domain:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/login), and select your account and domain.
-2. Go to **Speed** > **Optimization** > **Content Optimization**.
+1. In the Cloudflare dashboard, go to the **Settings** page.
+
+   <DashButton url="/?to=/:account/:zone/speed/optimization" />
+
+2. Go to **Content Optimization**.
 3. For **Cloudflare Fonts**, switch the toggle to **On**.
 
 <Render file="configuration-rule-promotion" product="rules" />

src/content/docs/speed/optimization/content/prefetch-urls.mdx

@@ -5,7 +5,7 @@ sidebar:
   order: 6
 ---
 
-import { Example, FeatureTable, TabItem, Tabs } from "~/components";
+import { Example, FeatureTable, TabItem, Tabs, DashButton } from "~/components";
 
 URL prefetching means that Cloudflare pre-populates the cache with content a visitor is likely to request next. This setting — when combined with [additional setup](#setup) — leads to a higher cache hit rate and thus a faster experience for the user.
 
@@ -27,8 +27,11 @@ For Cloudflare to start prefetching URLs, you will need to [enable the feature](
 
 To enable **Prefetch URLs** in the dashboard:
 
-1. Log in to your [Cloudflare account](https://dash.cloudflare.com) and go to a specific domain.
-2. Go to **Speed** > **Optimization** > **Content Optimization**.
+1. In the Cloudflare dashboard, go to the **Settings** page.
+
+   <DashButton url="/?to=/:account/:zone/speed/optimization" />
+
+2. Go to **Content Optimization**.
 3. For **Prefetch URLs**, switch the toggle to **On**.
 
 </TabItem> <TabItem label="API">

src/content/docs/speed/optimization/content/rocket-loader/enable.mdx

@@ -8,18 +8,20 @@ head:
     content: Enable Rocket Loader
 ---
 
-import { Render, TabItem, Tabs } from "~/components";
+import { Render, TabItem, Tabs, DashButton } from "~/components";
 
 To enable or disable Rocket Loader, use the following instructions.
 
 <Tabs syncKey="dashPlusAPI"> <TabItem label="Dashboard">
 
 To enable or disable **Rocket Loader** in the dashboard:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com).
-2. Select your account and domain.
-3. Go to **Speed** > **Settings** > **Content Optimization**.
-4. For **Rocket Loader**, switch the toggle to **On**.
+1. In the Cloudflare dashboard, go to the **Settings** page.
+
+   <DashButton url="/?to=/:account/:zone/speed/optimization" />
+
+2. Go to **Content Optimization**.
+3. For **Rocket Loader**, switch the toggle to **On**.
 
 <Render file="rocket-loader-csp" product="speed" />
 

src/content/docs/speed/optimization/content/speed-brain.mdx

@@ -8,7 +8,7 @@ sidebar:
 description: Learn how Speed Brain enhances web performance by prefetching likely next pages, improving metrics like LCP and TTFB.
 ---
 
-import { FeatureTable, TabItem, Tabs, APIRequest } from "~/components";
+import { FeatureTable, TabItem, Tabs, APIRequest, DashButton } from "~/components";
 
 Speed Brain is a tool for improving web page performance by prefetching the most likely next navigation.
 
@@ -79,8 +79,11 @@ Speed Brain is available in Cloudflare's **Speed** tab of the dashboard and also
 
 To enable or disable **Speed Brain** in the dashboard:
 
-1. Log in to your [Cloudflare account](https://dash.cloudflare.com), select your account and go to a specific domain.
-2. Go to **Speed** > **Optimization** > **Content Optimization**.
+1. In the Cloudflare dashboard, go to the **Settings** page.
+
+   <DashButton url="/?to=/:account/:zone/speed/optimization" />
+
+2. Go to **Content Optimization**.
 3. Toggle **Speed Brain** to **On** or **Off**.
 
 </TabItem> <TabItem label="API">

src/content/docs/speed/optimization/images/mirage.mdx

@@ -13,7 +13,7 @@ sidebar:
 
 ---
 
-import { FeatureTable, GlossaryTooltip, Render } from "~/components"
+import { FeatureTable, GlossaryTooltip, Render, DashButton} from "~/components"
 
 :::caution[Deprecation notice]
 Mirage was deprecated on September 15, 2025.
@@ -64,9 +64,11 @@ If you send a <GlossaryTooltip term="content security policy (CSP)">Content Secu
 
 To enable Mirage image optimization for your entire domain:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com).
-2. Select your account and zone.
-3. Go to **Speed** > **Optimization** > **Image Optimization**.
+1. In the Cloudflare dashboard, go to the **Settings** page.
+
+   <DashButton url="/?to=/:account/:zone/speed/optimization" />
+
+3. Go to **Image Optimization**.
 4. For **Mirage**, switch the toggle to **On**.
 
 <Render file="configuration-rule-promotion" product="rules" />

src/content/docs/speed/optimization/other/amp-real-url/enable-amp-real-url.mdx

@@ -7,6 +7,8 @@ sidebar:
 
 ---
 
+import { DashButton } from "~/components"
+
 ## Requirements
 
 AMP Real URL is available for all plans. However, refer to the following requirements before enabling this feature:
@@ -18,8 +20,11 @@ AMP Real URL is available for all plans. However, refer to the following require
 
 If your account satisfies the requirements to enable AMP Real URL:
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account and domain.
-2. Go to **Speed** > **Optimization** > **Other**.
+1. In the Cloudflare dashboard, go to the **Settings** page.
+
+   <DashButton url="/?to=/:account/:zone/speed/optimization" />
+
+2. Go to **Other**.
 3. Scroll to **AMP Real URL** and toggle the button to enable it.
 
 ## Limitations

src/content/docs/speed/optimization/other/signed-exchanges/enable-signed-exchange.mdx

@@ -10,7 +10,7 @@ description: Learn how to enable Cloudflare Automatic Signed Exchange (SXG) for
 
 ---
 
-import { Render } from "~/components"
+import { Render, DashButton } from "~/components"
 
 ## Requirements
 
@@ -32,8 +32,11 @@ For SXGs to be enabled, a CAA record (Certification Authority Authorization) is
 
 If your account satisfies all the requirements, follow the steps below to enable SXGs. Be aware that, currently, signed exchanges are only used on Chromium browsers on Android and desktop.
 
-1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account and domain.
-2. Go to **Speed** > **Optimization** > **Other**.
+1. In the Cloudflare dashboard, go to the **Settings** page.
+
+   <DashButton url="/?to=/:account/:zone/speed/optimization" />
+
+2. Go to **Other**.
 3. Scroll to **Automatic Signed Exchanges (SXGs)** and enable it.
 
 <Render file="configuration-rule-promotion" product="rules" />