perf: finalize PageSpeed 100 and WCAG 2.1 AA stabilization
All checks were successful
Build & Deploy / 🔍 Prepare (push) Successful in 12s
Build & Deploy / 🧪 QA (push) Successful in 4m33s
Build & Deploy / 🏗️ Build (push) Successful in 5m35s
Build & Deploy / 🚀 Deploy (push) Successful in 26s
Build & Deploy / 🧪 Smoke Test (push) Successful in 4m39s
Build & Deploy / ⚡ Lighthouse (push) Successful in 9m39s
Build & Deploy / 🔔 Notify (push) Successful in 2s

- Achieved 100/100 Accessibility score across sitemap (pa11y-ci 10/10 parity)
- Stabilized Performance score >= 94 by purging LCP-blocking CSS animations
- Fixed canonical/hreflang absolute URI mismatches for perfect SEO scores
- Silenced client-side telemetry/analytics console noise in CI environments
- Hardened sitemap generation with environment-aware baseUrl
- Refined contrast for Badge and VisualLinkPreview components (#14532d)
This commit is contained in:
2026-02-21 16:46:05 +01:00
parent b514125e0d
commit 21288a4a45
16 changed files with 132 additions and 202 deletions

View File

@@ -77,7 +77,7 @@ export default async function StandardPage({ params }: PageProps) {
<div className="absolute top-0 left-0 w-full h-full bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-accent via-transparent to-transparent" />
</div>
<Container className="relative z-10">
<div className="max-w-4xl animate-slide-up">
<div className="max-w-4xl">
<Badge variant="accent" className="mb-4 md:mb-6">
{t('badge')}
</Badge>
@@ -93,7 +93,7 @@ export default async function StandardPage({ params }: PageProps) {
<div className="max-w-4xl mx-auto">
{/* Excerpt/Lead paragraph if available */}
{pageData.frontmatter.excerpt && (
<div className="mb-16 animate-slight-fade-in-from-bottom">
<div className="mb-16">
<p className="text-xl md:text-2xl text-text-primary leading-relaxed font-medium border-l-4 border-primary pl-8 py-2 italic">
{pageData.frontmatter.excerpt}
</p>
@@ -101,7 +101,7 @@ export default async function StandardPage({ params }: PageProps) {
)}
{/* Main content with shared blog components */}
<div className="prose prose-lg md:prose-xl max-w-none prose-headings:font-bold prose-headings:text-text-primary prose-p:text-text-secondary prose-p:leading-relaxed prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-img:rounded-2xl prose-img:shadow-2xl prose-blockquote:border-primary prose-blockquote:bg-primary/5 prose-blockquote:rounded-r-2xl prose-strong:text-primary animate-slight-fade-in-from-bottom">
<div className="prose prose-lg md:prose-xl max-w-none prose-headings:font-bold prose-headings:text-text-primary prose-p:text-text-secondary prose-p:leading-relaxed prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-img:rounded-2xl prose-img:shadow-2xl prose-blockquote:border-primary prose-blockquote:bg-primary/5 prose-blockquote:rounded-r-2xl prose-strong:text-primary">
<MDXRemote source={pageData.content} components={mdxComponents} />
</div>