perf: ottimizzazioni web performance

- Aggiunte preconnect hints per fonts e CDN
- Aggiunto preload font Newsreader critico
- Ottimizzato Material Symbols (opsz,wght,FILL 24,400,0)
- Implementato lazy loading e async decoding per immagini non critiche
- Aggiunto fetchpriority=high per immagine hero
- Aggiunte dimensioni esplicite avatar recensioni per CLS

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/routes/+page.svelte

@@ -131,7 +131,7 @@
       </div>
       <div class="hero-photo">
         <div class="hero-photo-frame">
-          <img alt={img.hero.alt} src={img.hero.src} />
+          <img alt={img.hero.alt} src={img.hero.src} fetchpriority="high" />
         </div>
         <div class="hero-badge">
           <div class="hero-badge-stars">
@@ -202,7 +202,7 @@
   <div class="container">
     <div class="about-inner">
       <div class="about-photo-wrap">
-        <img alt={img.chi_sono.alt} src={img.chi_sono.src} />
+        <img alt={img.chi_sono.alt} src={img.chi_sono.src} loading="lazy" decoding="async" />
         <div class="about-quote-card">
           <p>{c['about.quote']}</p>
           <cite>{c['about.cite']}</cite>
@@ -266,7 +266,7 @@
         </p>
       </div>
       <div class="dogwash-visual">
-        <img alt={img.dogwash.alt} src={img.dogwash.src} />
+        <img alt={img.dogwash.alt} src={img.dogwash.src} loading="lazy" decoding="async" />
       </div>
     </div>
   </div>
@@ -287,7 +287,7 @@
     <div class="review-grid">
       {#each testimonials as r (r.id)}
         <div class="review-card">
-          <div class="review-avatar"><img alt={r.avatarAlt} src={r.avatarSrc} /></div>
+          <div class="review-avatar"><img alt={r.avatarAlt} src={r.avatarSrc} width="80" height="80" loading="lazy" decoding="async" /></div>
           <blockquote>{r.text}</blockquote>
           <div class="review-footer"><strong>{r.name}</strong><small>{r.role}</small></div>
         </div>