"use client"; import WebVitalsDashboard from "./_components/WebVitalsDashboard"; import Top from "../../components/navigation/Top"; import Footer from "../../components/navigation/Footer"; import { useMessages } from "../../contexts/MessagesContext"; export default function MonitorPageContent() { const m = useMessages(); const p = m.pages.monitor; return (

{p.title}

{p.description}

{p.performanceTargets.title}

{p.performanceTargets.loadTime} {p.performanceTargets.loadTimeTarget}
{p.performanceTargets.lcp} {p.performanceTargets.lcpTarget}
{p.performanceTargets.fid} {p.performanceTargets.fidTarget}
{p.performanceTargets.cls} {p.performanceTargets.clsTarget}
{p.performanceTargets.lighthouse} {p.performanceTargets.lighthouseTarget}

{p.optimizationStatus.title}

{p.optimizationStatus.codeSplitting}
{p.optimizationStatus.reactMemo}
{p.optimizationStatus.imageOptimization}
{p.optimizationStatus.fontPreloading}
{p.optimizationStatus.bundleAnalysis}
{p.optimizationStatus.errorBoundaries}

{p.monitoringCommands.title}

{p.monitoringCommands.bundleAnalyze.title}

{p.monitoringCommands.bundleAnalyze.command}

{p.monitoringCommands.e2ePerformance.title}

{p.monitoringCommands.e2ePerformance.command}

{p.monitoringCommands.lhciDesktop.title}

{p.monitoringCommands.lhciDesktop.command}

{p.monitoringCommands.performanceBudget.title}

{p.monitoringCommands.performanceBudget.command}
); }