Add image placeholder screenshots to pro widget docs and pagespeed docs

This commit is contained in:
2026-08-03 11:48:02 +00:00
parent e51c8ea1f2
commit 9f2720125b
17 changed files with 59 additions and 1 deletions

View File

@@ -2,6 +2,9 @@
**Dotjuice → Page speed → Advanced**
![The Advanced settings tab](../assets/img/pagespeed-advanced.png)
*Screenshot: the Advanced tab showing the Heartbeat API, XML-RPC, and WooCommerce script controls.*
## What this tab controls
WordPress's Heartbeat API, XML-RPC, and WooCommerce script loading on non-shop pages.

View File

@@ -2,6 +2,9 @@
**Dotjuice → Page speed → Caching**
![The Caching settings tab](../assets/img/pagespeed-caching.png)
*Screenshot: the Caching tab showing the Enable Page Caching, Separate Cache for Mobile Devices, and Cache Expiry settings.*
## What this tab controls
Full-page HTML caching: whether pages are cached at all, whether mobile and desktop get separate cached copies, whether logged-in visitors are included, and how long a cached page stays valid before it's rebuilt.

View File

@@ -2,6 +2,9 @@
**Dotjuice → Page speed → CDN**
![The CDN settings tab](../assets/img/pagespeed-cdn.png)
*Screenshot: the CDN tab showing the CDN URL input and the Enable CDN Rewrite toggle.*
## What this tab controls
Rewriting your site's stylesheet and script URLs to point at a CDN hostname instead of your own server.

View File

@@ -2,6 +2,9 @@
**Dotjuice → Page speed → CSS**
![The CSS optimisation settings tab](../assets/img/pagespeed-css.png)
*Screenshot: the CSS tab showing the Minify CSS, Combine CSS Files, and Load Combined CSS Asynchronously toggles.*
## What this tab controls
Minification and combining of your site's local stylesheets, optional asynchronous loading of the combined file, and manual exclusions for stylesheets that shouldn't be touched.

View File

@@ -2,6 +2,9 @@
**Dotjuice → Page speed → Database**
![The Database optimisation settings tab](../assets/img/pagespeed-database.png)
*Screenshot: the Database tab showing the manual cleanup options and the scheduled cleanup settings.*
## What this tab controls
One-click and scheduled cleanup of database bloat: old post revisions, abandoned drafts, spam comments, expired cache entries, orphaned metadata, and full table optimisation.

View File

@@ -2,7 +2,10 @@
## Where to find the settings
After activating the plugin, go to **Dotjuice → Page speed** in your WordPress admin menu. Settings are organised into nine tabs: Caching, CSS, JavaScript, HTML, Images, Preload, CDN, Database, and Advanced.
**Dotjuice → Page speed** in your WordPress admin menu.
![The Dotjuice Page Speed admin dashboard](../assets/img/pagespeed-dashboard.png)
*Screenshot: the main Page Speed admin page showing the tabbed settings interface with the Caching tab active and the Save Settings button in the toolbar.*
Every toggle saves through a single **Save Settings** button in the top toolbar — changes aren't applied until you click it. A **Clear Cache** button sits next to it for whenever you want to force a fresh rebuild of every cached page.

View File

@@ -2,6 +2,9 @@
**Dotjuice → Page speed → HTML**
![The HTML optimisation settings tab](../assets/img/pagespeed-html.png)
*Screenshot: the HTML tab showing the Minify HTML Output, Remove Version Query Strings, and Disable Emoji Scripts toggles.*
## What this tab controls
HTML minification, removal of unnecessary version query strings and default WordPress scripts, Google Fonts display behaviour, and DNS prefetch hints.

View File

@@ -2,6 +2,9 @@
**Dotjuice → Page speed → Images**
![The Images settings tab](../assets/img/pagespeed-images.png)
*Screenshot: the Images tab showing the Lazy Load Images, Lazy Load Iframes, and Add Missing Width/Height toggles.*
## What this tab controls
Lazy loading of images and iframes, and automatic width/height attributes to prevent layout shift.

View File

@@ -2,6 +2,9 @@
**Dotjuice → Page speed → JavaScript**
![The JavaScript optimisation settings tab](../assets/img/pagespeed-javascript.png)
*Screenshot: the JavaScript tab showing the Minify JavaScript, Combine JavaScript Files, Defer Loading, and Delay JavaScript Until Interaction toggles.*
## What this tab controls
Minification and combining of local scripts, deferred loading, delayed loading until user interaction, and manual exclusions.

View File

@@ -2,6 +2,9 @@
**Dotjuice → Page speed → Preload**
![The Preload settings tab](../assets/img/pagespeed-preload.png)
*Screenshot: the Preload tab showing the Priority Image, Cache Preload After Publishing, and Font Preloading settings.*
## What this tab controls
Priority loading for your most important image, automatic cache warming after publishing, font preloading, and DNS/connection hints for third-party services.

View File

@@ -1,5 +1,8 @@
# Troubleshooting
![The troubleshooting guide and tools](../assets/img/pagespeed-troubleshooting.png)
*Screenshot: the troubleshooting page showing the system status, cache log, and common fixes.*
## A page looks broken after enabling a setting
1. Click **Clear Cache** and reload the page — a stale cached copy from before your change is the most common cause.