Guides
In-depth guides
Longer walkthroughs for specific setups: real screenshots, code you can paste and the reason behind every step. The short fix page for each check lives under Learn.
All guides
206 guides, page 6 of 18.
- Accessibility12 min read
Focus order and keyboard traps: making a page usable without a mouse
Press Tab on your own page and see what happens. This guide explains what a keyboard user expects, the six ways pages break it, and the fixes for focus rings, modals, menus and cookie banners.Updated 25 Sept 2026 - Speed14 min read
Fonts: system stack vs web font, the honest trade-off
A web font costs 100–300 KB, a blocking stylesheet and a layout shift; a system stack costs brand consistency. Measure both on your page, see what moves in FCP, LCP and CLS, and pick with numbers.Updated 25 Sept 2026 - Accessibility11 min read
Form labels: every input needs one (no redesign required)
A field without a label is announced as "edit text" and nothing else. Learn the four ways to name a field, when a hidden label is fine, and the form plugin settings.Updated 25 Sept 2026 - Best practices14 min read
GA4 and Tag Manager: what they cost your page and how to load them
See what GA4 and Google Tag Manager cost your page in bytes and main-thread time, the loading options ranked by cost, Consent Mode v2 defaults in code, and a container clean-up list.Updated 25 Sept 2026 - Social11 min read
Generating Open Graph images automatically for every page
Stop making share images by hand. Build one 1200×630 template, render it from the page title at build time or on request, cache it, and check the result with a free link preview tool.Updated 25 Sept 2026 - WordPress11 min read
Hello world and Sample Page: cleaning up after a WordPress install
A fresh WordPress install ships with a sample post, page, comment, category, tagline, themes and plugins. See what to delete, what to keep and edit, and how to do it in wp-admin or WP-CLI.Updated 25 Sept 2026 - SEO10 min read
How to find and fix broken links on any page
Find every link on a page that answers 404, 500 or nothing at all, see which ones redirect, and fix them in the right order. With a free checker, real examples and the WordPress shortcuts.Updated 25 Sept 2026 - Speed11 min read
How to fix Cumulative Layout Shift (CLS): images, fonts, ads, embeds
Find the element that makes your page jump, then reserve its space with width and height, aspect-ratio or a min-height slot. Covers images, ads, embeds, banners and web fonts, with code.Updated 25 Sept 2026 - Speed12 min read
How to fix Interaction to Next Paint (INP) and slow taps
INP measures how long your page takes to react to a tap or click. Learn what makes it slow, how to find the interaction at fault, and fix it by breaking up long tasks and trimming scripts.Updated 25 Sept 2026 - Speed13 min read
How to fix Largest Contentful Paint (LCP), step by step
Find the element that decides your LCP, see which of its four parts is slow, and fix them in the order that pays off most, from preloading the hero to a faster server. With HTML and WordPress code.Updated 25 Sept 2026 - Checklists13 min read
How to read a getReport report (and what to do first)
What every part of a getReport report means, from the header and the seven module scores to Top fixes and a single finding, and the order in which to fix things so the work pays off.Updated 25 Sept 2026 - Speed9 min read
How to read a website speed test
A speed test returns a score, five metrics and a list of opportunities. This guide explains what each number means for a visitor, which ones Google uses for ranking, why the same page scores differently on every run, and how to turn the list into three fixes that matter.Updated 25 Sept 2026
Guides tell you how. Your report tells you what.
Run a free report to see which of these guides apply to your site.