astro-webvitalsv0.4.9

← All examples

Dashboard page checks

The browser-visible checks the local dashboard records for each page, run by src/client/page-audit.ts against a sample page with deliberate gaps.

Dashboard page checks

examples/output/page-checks.json
<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>Spring sale – Example shop</title>
		<link rel="canonical" href="https://example.com/sale/" />
		<meta property="og:title" content="Spring sale" />
		<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage"}</script>
	</head>
	<body>
		<a href="#main">Skip to content</a>
		<main id="main">
			<h1>Spring sale</h1>
			<h3>Shoes</h3>
			<img src="/shoes.jpg" />
			<a href="/cart"><svg aria-hidden="true" width="16" height="16"></svg></a>
			<form>
				<label for="email">Email</label>
				<input id="email" type="email" />
				<input type="search" placeholder="Search" />
				<button type="submit"></button>
			</form>
		</main>
	</body>
</html>
Page checks for examples/pages/sample.html
CheckResultDetail
Titlepass26 characters
DescriptionissueMissing
CanonicalpassPresent
Languagepassen
H1passOne heading
Open GraphissueTitle, description or image missing
Skip linkpassPresent
Image altissue1 image without alt
Link textissue1 empty link
Form labelsissue1 unlabelled control
Structured datainfoNo invalid JSON-LD found
  • dashboard
  • SEO
  • accessibility