Eigener Suchtitel, Schriften lokal, Bilder in Anzeigegroesse
Getrennter Titel fuer Suchergebnisse je Seite und Beitrag (Migration 20260913000100): auf der Seite steht "Leistungen", im Suchergebnis darf der lange Titel stehen. Leer heisst weiterhin: der Titel der Seite. Schriften kommen jetzt vom eigenen Server. Ein Knopf im Designbereich oder cms:fonts:fetch holt die gewaehlten Google-Schnitte als WOFF2 nach public/assets/fonts. Das spart zwei fremde Verbindungen nacheinander (gemessen 820 ms) und die IP-Weitergabe an Google. Ohne Dateien bleibt es beim bisherigen Verweis - eine Seite ohne Schrift waere schlimmer. Ein Stylesheet statt vier, mit Pruefsumme im Namen und ohne Kommentare, dazu eine .htaccess mit Kompression, Cache und Schutz interner Dateien. Der Entwicklungsserver sendet dieselben Kopfzeilen, sonst misst man lokal etwas, das es im Betrieb nicht gibt. Bilder in der Groesse, in der sie erscheinen: ein nur fuer Desktop gesetztes Hintergrundbild gilt auf dem Telefon in Telefongroesse (189 KB -> 40 KB), img nennt seine feste Breite oder sizes="auto", und fetchpriority liegt auf dem ersten Bild des Inhalts statt auf dem Logo. Neu: npm run test:links prueft jeden internen Verweis auf seine Antwort. Lighthouse gegen den Nachbau: Barrierefreiheit, Best Practices und SEO 100 auf allen vier geprueften Adressen, Performance 100 ausser auf der bilderreichen Startseite (98 mobil, 96 Desktop). Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
35d8270afd
commit
074ef0e7e5
34 files changed
+1223
-45
No files matched your search
+13
-4
@@ -5,6 +5,9 @@ import { mkdir, writeFile } from 'node:fs/promises';
|
||||
import net from 'node:net';
|
||||
|
||||
const origin = process.env.CMS_URL || 'http://127.0.0.1:8080';
|
||||
// Eine Startseite ist nicht die Website. Geprüft wird, was CMS_PATHS nennt - mehrere Adressen mit
|
||||
// Komma getrennt; ohne Angabe die Startseite.
|
||||
const paths = (process.env.CMS_PATHS || '/').split(',').map(p => p.trim()).filter(Boolean);
|
||||
const output = process.env.CMS_AUDIT_DIR || 'reports/lighthouse';
|
||||
const preflight = await fetch(origin);
|
||||
if (!preflight.ok || /noindex/i.test(preflight.headers.get('x-robots-tag') || '')) {
|
||||
@@ -18,10 +21,12 @@ await new Promise(resolve => portProbe.close(resolve));
|
||||
const chrome = await chromium.launch({ args: [`--remote-debugging-port=${port}`] });
|
||||
const summary = [];
|
||||
try {
|
||||
for (const path of paths) {
|
||||
const label = '/' === path ? 'home' : path.replace(/^\//, '').replace(/\//g, '-');
|
||||
for (const profile of ['mobile', 'desktop']) {
|
||||
const runs = [];
|
||||
for (let run = 1; run <= 3; run++) {
|
||||
const result = await lighthouse(origin, {
|
||||
const result = await lighthouse(origin + ('/' === path ? '' : path), {
|
||||
port,
|
||||
output: 'json',
|
||||
logLevel: 'error',
|
||||
@@ -30,18 +35,22 @@ try {
|
||||
if (lhr.configSettings.formFactor !== profile) {
|
||||
throw new Error(`Requested ${profile}, measured ${lhr.configSettings.formFactor}`);
|
||||
}
|
||||
await writeFile(`${output}/${profile}-${run}.json`, result.report);
|
||||
await writeFile(`${output}/${label}-${profile}-${run}.json`, result.report);
|
||||
runs.push(lhr);
|
||||
console.log(profile, run, Object.fromEntries(Object.entries(lhr.categories).map(([key, value]) => [key, value.score])));
|
||||
console.log(label, profile, run, Object.fromEntries(Object.entries(lhr.categories).map(([key, value]) => [key, value.score])));
|
||||
}
|
||||
const scores = {};
|
||||
for (const category of Object.keys(runs[0].categories)) {
|
||||
const values = runs.map(r => r.categories[category].score).filter(v => v !== null).sort((a, b) => a - b);
|
||||
scores[category] = values.length ? values[Math.floor(values.length / 2)] : null;
|
||||
}
|
||||
summary.push({ profile, scores, lighthouseVersion: runs[0].lighthouseVersion, settings: runs[0].configSettings, environment: runs[0].environment, note: 'Local prototype only. No customer-site acceptance or field-data claim.' });
|
||||
summary.push({ path, profile, scores, lighthouseVersion: runs[0].lighthouseVersion, settings: runs[0].configSettings, environment: runs[0].environment, note: 'Local prototype only. No customer-site acceptance or field-data claim.' });
|
||||
}
|
||||
}
|
||||
await writeFile(`${output}/summary.json`, JSON.stringify(summary, null, 2));
|
||||
for (const row of summary) {
|
||||
console.log(`${row.path} ${row.profile}: ${Object.entries(row.scores).map(([k, v]) => k + ' ' + Math.round(v * 100)).join(', ')}`);
|
||||
}
|
||||
const passed = summary.every(r => r.scores.performance >= .95 && ['accessibility', 'best-practices', 'seo'].every(c => r.scores[c] === 1) && (r.scores['agentic-browsing'] === undefined || r.scores['agentic-browsing'] === 1));
|
||||
if (!passed) process.exitCode = 1;
|
||||
} finally {
|
||||
|
||||
Reference in new issue
Block a user