chore: release 2.2.83

app/[locale]/page.tsx

@@ -122,7 +122,9 @@ export async function generateMetadata(props: any): Promise<Metadata> {
   };
 }
 
-export default async function Home(props: any) {
+import { preload } from 'react-dom';
+
+export default async function Home(props: { params: Promise<{ locale: string }> }) {
   const { locale } = await props.params;
   
   if (locale !== 'de' && locale !== 'en') {
@@ -130,6 +132,7 @@ export default async function Home(props: any) {
   }
   
   setRequestLocale(locale);
+  preload('/germany-map.svg', { as: 'image', fetchPriority: 'high' });
 
   const mdx = await getMdxContent(locale, 'home');
   const allReferences = await getAllReferences(locale);

app/[locale]/standorte/page.tsx

@@ -7,7 +7,8 @@ import { getButtonClasses, ButtonOverlay } from '@/components/ui/Button';
 import { SITE_URL } from '@/lib/schema';
 import Image from 'next/image';
 import { standorteData, standorteLocations } from '@/lib/standorte-data';
-import { InteractiveGermanyMap } from '@/components/blocks/InteractiveGermanyMap';
+import nextDynamic from 'next/dynamic';
+const InteractiveGermanyMap = nextDynamic(() => import('@/components/blocks/InteractiveGermanyMap').then(mod => mod.InteractiveGermanyMap));
 
 interface PageProps {
   params: Promise<{
@@ -33,11 +34,15 @@ export async function generateMetadata({ params }: { params: Promise<{ locale: s
   };
 }
 
+import { preload } from 'react-dom';
+
 export default async function StandorteOverview(props: { params: Promise<{ locale: string }> }) {
   const { locale } = await props.params;
   const safeLocale = locale === 'de' ? 'de' : 'en';
   setRequestLocale(safeLocale);
   const t = await getTranslations('StandardPage');
+  
+  preload('/germany-map.svg', { as: 'image', fetchPriority: 'high' });
 
   return (
     <div className="flex flex-col min-h-screen bg-neutral-50 pb-16 md:pb-24">
@@ -70,6 +75,7 @@ export default async function StandorteOverview(props: { params: Promise<{ local
                     alt={standort.name}
                     fill
                     className="object-cover transition-transform duration-1000 ease-[cubic-bezier(0.16,1,0.3,1)] filter grayscale-[20%] group-hover:scale-105 group-hover:grayscale-0"
+                    sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 384px"
                   />
                   <div className="absolute inset-0 bg-black/10 transition-colors duration-500" />
                   

components/blocks/InteractiveGermanyMap.tsx

@@ -141,6 +141,7 @@ export function InteractiveGermanyMap({
         fill
         className="object-cover"
         priority
+        fetchPriority="high"
       />
     </div>
   ), [locale]);
@@ -256,6 +257,7 @@ export function InteractiveGermanyMap({
                             alt={activeLocation.name}
                             fill
                             className="object-cover"
+                            sizes="(max-width: 768px) 100vw, 320px"
                           />
                           <div className="absolute inset-0 bg-gradient-to-t from-[#050B14] to-transparent opacity-90" />
                         </div>

components/blocks/SubCompanyTiles.tsx

@@ -128,7 +128,7 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
                         ? 'opacity-30 grayscale-0 scale-105' 
                         : 'opacity-40 grayscale-[50%] group-hover:opacity-30 group-hover:grayscale-0 group-hover:scale-110'
                     }`}
-                    sizes="(max-width: 768px) 100vw, 33vw"
+                    sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 384px"
                   />
                 </div>
                   

package.json

@@ -139,7 +139,7 @@
     "prepare": "husky",
     "preinstall": "npx only-allow pnpm"
   },
-  "version": "2.2.80",
+  "version": "2.2.83",
   "pnpm": {
     "onlyBuiltDependencies": [
       "@parcel/watcher",

psi-standorte.json

@@ -0,0 +1,39 @@
+{
+  "error": {
+    "code": 429,
+    "message": "Quota exceeded for quota metric 'Queries' and limit 'Queries per day' of service 'pagespeedonline.googleapis.com' for consumer 'project_number:583797351490'.",
+    "errors": [
+      {
+        "message": "Quota exceeded for quota metric 'Queries' and limit 'Queries per day' of service 'pagespeedonline.googleapis.com' for consumer 'project_number:583797351490'.",
+        "domain": "global",
+        "reason": "rateLimitExceeded"
+      }
+    ],
+    "status": "RESOURCE_EXHAUSTED",
+    "details": [
+      {
+        "@type": "type.googleapis.com/google.rpc.ErrorInfo",
+        "reason": "RATE_LIMIT_EXCEEDED",
+        "domain": "googleapis.com",
+        "metadata": {
+          "service": "pagespeedonline.googleapis.com",
+          "quota_location": "global",
+          "quota_limit_value": "0",
+          "consumer": "projects/583797351490",
+          "quota_metric": "pagespeedonline.googleapis.com/default",
+          "quota_limit": "defaultPerDayPerProject",
+          "quota_unit": "1/d/{project}"
+        }
+      },
+      {
+        "@type": "type.googleapis.com/google.rpc.Help",
+        "links": [
+          {
+            "description": "Request a higher quota limit.",
+            "url": "https://cloud.google.com/docs/quotas/help/request_increase"
+          }
+        ]
+      }
+    ]
+  }
+}

run-lh.cjs

@@ -0,0 +1,36 @@
+const fs = require('fs');
+const { execSync } = require('child_process');
+
+console.log("Running Lighthouse...");
+try {
+  execSync('npx lighthouse "https://e-tib.com/de/standorte?v=2" --chrome-flags="--headless --no-sandbox" --output json --output-path ./lh-report.json', { stdio: 'inherit' });
+} catch(e) {
+  console.log("Lighthouse run failed", e.message);
+}
+
+const data = JSON.parse(fs.readFileSync('./lh-report.json', 'utf8'));
+const score = data.categories.performance.score * 100;
+console.log("\n==================================");
+console.log(`PERFORMANCE SCORE: ${score}`);
+console.log("==================================\n");
+
+console.log("FAILING METRICS (Score < 1.0):");
+Object.values(data.audits).filter(a => a.score !== null && a.score < 1).forEach(a => {
+  console.log(`- ${a.id}: ${a.score} (${a.displayValue || 'No display value'})`);
+  if (a.details && a.details.items && a.details.items.length > 0) {
+    if (a.id === 'image-delivery-insight' || a.id === 'unused-javascript' || a.id === 'modern-image-formats' || a.id === 'uses-responsive-images') {
+        console.log("  Items:");
+        a.details.items.forEach(item => {
+            console.log(`    URL: ${item.url || item.node?.nodeLabel || 'unknown'}`);
+            if (item.wastedBytes) console.log(`    Wasted KB: ${(item.wastedBytes / 1024).toFixed(2)}`);
+            if (item.wastedMs) console.log(`    Wasted Ms: ${item.wastedMs}`);
+        });
+    }
+  }
+});
+
+console.log("\nLCP BREAKDOWN:");
+const lcpElement = data.audits['largest-contentful-paint-element'];
+if (lcpElement && lcpElement.details && lcpElement.details.items) {
+    console.log("LCP Element:", lcpElement.details.items[0].node.snippet);
+}

run-lh.js

@@ -0,0 +1,36 @@
+const fs = require('fs');
+const { execSync } = require('child_process');
+
+console.log("Running Lighthouse...");
+try {
+  execSync('npx lighthouse "https://e-tib.com/de/standorte?v=2" --chrome-flags="--headless --no-sandbox" --output json --output-path ./lh-report.json', { stdio: 'inherit' });
+} catch(e) {
+  console.log("Lighthouse run failed", e.message);
+}
+
+const data = JSON.parse(fs.readFileSync('./lh-report.json', 'utf8'));
+const score = data.categories.performance.score * 100;
+console.log("\n==================================");
+console.log(`PERFORMANCE SCORE: ${score}`);
+console.log("==================================\n");
+
+console.log("FAILING METRICS (Score < 1.0):");
+Object.values(data.audits).filter(a => a.score !== null && a.score < 1).forEach(a => {
+  console.log(`- ${a.id}: ${a.score} (${a.displayValue || 'No display value'})`);
+  if (a.details && a.details.items && a.details.items.length > 0) {
+    if (a.id === 'image-delivery-insight' || a.id === 'unused-javascript' || a.id === 'modern-image-formats' || a.id === 'uses-responsive-images') {
+        console.log("  Items:");
+        a.details.items.forEach(item => {
+            console.log(`    URL: ${item.url || item.node?.nodeLabel || 'unknown'}`);
+            if (item.wastedBytes) console.log(`    Wasted KB: ${item.wastedBytes / 1024}`);
+            if (item.wastedMs) console.log(`    Wasted Ms: ${item.wastedMs}`);
+        });
+    }
+  }
+});
+
+console.log("\nLCP BREAKDOWN:");
+const lcpElement = data.audits['largest-contentful-paint-element'];
+if (lcpElement && lcpElement.details && lcpElement.details.items) {
+    console.log("LCP Element:", lcpElement.details.items[0].node.snippet);
+}