Default component output
What <WebVitals /> adds to a statically built page: the resolved configuration as inert JSON and one module script from the site’s own origin. Captured from dist/index.html of the demo build, formatted for reading.
Default component output
examples/output/default.html---
import { WebVitals } from "@casoon/astro-webvitals";
---
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Default</title>
</head>
<body>
<h1>Default</h1>
<WebVitals />
</body>
</html><script type="application/json" data-astro-webvitals-config>{"debug":false,"consoleDock":false,"position":"bottom-right","desktopPositions":{"top-right":"top: 16px; right: 16px;","top-left":"top: 16px; left: 16px;","bottom-right":"bottom: 16px; right: 16px;","bottom-left":"bottom: 16px; left: 16px;"},"mobilePosition":"bottom: 0; left: 0; right: 0;","batchReporting":true,"batchInterval":5000,"checkAccessibility":false,"highlightAccessibility":false,"extendedMetrics":false,"smartDetection":false,"performanceBudget":{"LCP":2500,"CLS":0.1,"FCP":1800,"TTFB":800,"INP":200},"headers":{},"sampleRate":1,"trackSoftNavigations":false,"attribution":false,"trackLongTasks":false,"maxBatchSize":10,"retryFailedMetrics":false,"respectDnt":false,"consent":true,"dashboard":false}</script>
<script type="module" src="/_astro/WebVitals.astro_astro_type_script_index_0_lang.DH73zi6S.js"></script>