Lighthouse Performance Optimizations: 99→100 Score Target

_config.yml

@@ -58,7 +58,7 @@ languages: ["en", "fr", "es"]
 default_lang: "en"
 exclude_from_localization: ["assets", "javascript", "images", "css"]
 parallel_localization: true
-include: ['_pages']
+include: ['_pages', '_headers']
 exclude: ['LICENSE.md', 'README.md', 'publi.sh', 'Gemfile.lock', 'Gemfile', 'vendor/bundle/', 'specs']
 jekyll-archives:
   enabled:

_data/en/strings.yml

@@ -37,6 +37,8 @@ about:
   ready_to_transform_desc: "Try Sinra risk-free. Teams report 40%+ reduction in planning overhead, predictable release dates, and higher code quality. All without the plugin sprawl of traditional tools."
   learn_more: "Try for Free"
 blog:
+  page_title: "Sinra Blog - Project Management Insights"
+  page_description: "Learn modern project management strategies, release planning, QA integration, and team scaling. Insights for engineering leaders and project managers."
   older_posts: Older posts
   newer_posts: Newer posts
   date_format: "%B %d, %Y"

_data/fr/strings.yml

@@ -116,6 +116,8 @@ contact_success:
   success: Succès
   message: Votre message a été envoyé. Nous vous contacterons dès que possible.
 blog:
+  page_title: "Blog Sinra - Conseils en Gestion de Projet"
+  page_description: "Apprenez les stratégies modernes de gestion de projet, planification des releases, intégration QA et montée en charge des équipes. Conseils pour les leaders techniques et chefs de projet."
   older_posts: Anciens articles
   newer_posts: Nouveaux articles
   date_format: "%d/%M/%Y"

_headers

@@ -0,0 +1,32 @@
+# Cache configuration for static assets
+# This file is used by Netlify and other modern hosting platforms
+
+# Cache images for 1 year (immutable content)
+/assets/images/*
+  Cache-Control: public, max-age=31536000, immutable
+
+# Cache CSS and JS for 1 year (versioned files)
+/assets/css/*
+  Cache-Control: public, max-age=31536000, immutable
+
+/assets/js/*
+  Cache-Control: public, max-age=31536000, immutable
+
+# Cache fonts for 1 year
+/assets/fonts/*
+  Cache-Control: public, max-age=31536000, immutable
+
+# HTML pages - cache for 1 hour, revalidate
+/*.html
+  Cache-Control: public, max-age=3600, must-revalidate
+
+# Root HTML
+/
+  Cache-Control: public, max-age=3600, must-revalidate
+
+# Security headers
+/*
+  X-Frame-Options: DENY
+  X-Content-Type-Options: nosniff
+  X-XSS-Protection: 1; mode=block
+  Referrer-Policy: strict-origin-when-cross-origin

_includes/comparison-table.html

@@ -4,7 +4,7 @@
       <th class="dimension-header">Feature</th>
       {% for tool in data.tools %}
       <th class="tool-column">
-        <img src="{{ tool.logo }}" alt="{{ tool.name }}" class="tool-logo" />
+        <img src="{{ tool.logo }}" alt="{{ tool.name }}" class="tool-logo" width="120" height="120" />
         <span class="tool-name">{{ tool.name }}</span>
       </th>
       {% endfor %}

_includes/index.html

@@ -71,7 +71,7 @@ <h2>{{ site.data[site.active_lang].strings.features }}</h2>
         <div class="feature-icon">
           <picture>
             <source srcset="{{ feature.image | replace: '.png', '.webp' | replace: '.jpg', '.webp' | relative_url }}" type="image/webp">
-            <img src="{{ feature.image | relative_url }}" alt="{{ feature.alt }}" loading="lazy">
+            <img src="{{ feature.image | relative_url }}" alt="{{ feature.alt }}" loading="lazy" width="1024" height="1024">
           </picture>
         </div>
         <div>
@@ -104,7 +104,7 @@ <h2>{{ site.data[site.active_lang].strings.reduce_complexity }}</h2>
   </section>
 </div>
 
-<script src="{{ '/assets/js/solar-system.js' | relative_url }}"></script>
+<script src="{{ '/assets/js/solar-system.js' | relative_url }}" defer></script>
 <script>
   var openNavBtn = document.getElementById("open-nav");
   if (openNavBtn) {

_layouts/default.html

@@ -4,9 +4,35 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="Content-Language" content="{{ page.lang | default: site.active_lang }}">
+    {% if page.url contains '/blog/' %}
+      {% if site.active_lang == 'fr' %}
+    <meta name="description" content="Apprenez les stratégies modernes de gestion de projet, planification des releases, intégration QA et montée en charge des équipes. Conseils pour les leaders techniques et chefs de projet.">
+      {% elsif site.active_lang == 'es' %}
+    <meta name="description" content="Aprenda estrategias modernas de gestión de proyectos, planificación de releases, integración de QA y escalado de equipos. Insights para líderes de ingeniería y gerentes de proyectos.">
+      {% else %}
+    <meta name="description" content="Learn modern project management strategies, release planning, QA integration, and team scaling. Insights for engineering leaders and project managers.">
+      {% endif %}
+    {% elsif page.description %}
     <meta name="description" content="{{ page.description }}">
+    {% elsif page.excerpt %}
+    <meta name="description" content="{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}">
+    {% else %}
+    <meta name="description" content="{{ site.description }}">
+    {% endif %}
     <meta name="theme-color" content="#1a1a2e">
+    {% if page.url contains '/blog/' %}
+      {% if site.active_lang == 'fr' %}
+    <title>Blog Sinra - Conseils en Gestion de Projet</title>
+      {% elsif site.active_lang == 'es' %}
+    <title>Blog de Sinra - Insights de Gestión de Proyectos</title>
+      {% else %}
+    <title>Sinra Blog - Project Management Insights</title>
+      {% endif %}
+    {% elsif page.title %}
     <title>{{ page.title }}</title>
+    {% else %}
+    <title>{{ site.title }}</title>
+    {% endif %}
 
     <!-- Canonical URL for SEO -->
     <link rel="canonical" href="{{ site.url }}{{ page.url }}">
@@ -32,15 +58,16 @@
 
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap">
+    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
+    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"></noscript>
     <!-- DaisyUI CSS - Required for variables, navbar and component styling -->
     <link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.10/dist/full.min.css" rel="stylesheet" type="text/css" />
     <link rel="stylesheet" href="/assets/css/theme.css">
     <link rel="stylesheet" href="/assets/css/layout.css">
-    <link rel="stylesheet" href="/assets/css/blog.css">
-    <link rel="stylesheet" href="/assets/css/plan.css">
-    <link rel="stylesheet" href="/assets/css/contact.css">
-    <link rel="stylesheet" href="/assets/css/comparison.css">
+    <link rel="stylesheet" href="/assets/css/blog.css" media="print" onload="this.media='all'">
+    <link rel="stylesheet" href="/assets/css/plan.css" media="print" onload="this.media='all'">
+    <link rel="stylesheet" href="/assets/css/contact.css" media="print" onload="this.media='all'">
+    <link rel="stylesheet" href="/assets/css/comparison.css" media="print" onload="this.media='all'">
     {%- comment -%}I18n_Headers tag removed - using custom language-alternates.html instead{%- endcomment -%}
     <link rel="icon" type="image/svg+xml" href="/assets/images/favicon/favicon.svg">
     <link rel="icon" type="image/png" href="/assets/images/favicon/favicon-96x96.png" sizes="96x96">
@@ -53,13 +80,17 @@
   <body id="{{ page.name | split: "." | first }}">
   {% include blackfriday-banner.html %}
   {% include header.html %}
-  {{ content }}
+  <main>
+    {{ content }}
+  </main>
   {% include footer.html %}
 
-  <!-- Swiper JS -->
-  <script src="/assets/js/swiper-bundle.min.js"></script>
+  <!-- Swiper JS - Only load on pages that need it -->
+  {% if page.load_swiper %}
+  <script src="/assets/js/swiper-bundle.min.js" defer></script>
+  {% endif %}
   <!-- Modern JavaScript -->
-  <script src="/assets/js/script.js"></script>
+  <script src="/assets/js/script.js" defer></script>
   <!-- Cloudflare Web Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "93cfe335c28c46afb48329f25fc52d54"}'></script><!-- End Cloudflare Web Analytics -->
   </body>
 </html>

_layouts/post.html

@@ -74,7 +74,10 @@ <h1>{{ page.title }}</h1>
   <!-- Post Featured Image -->
   {% if page.featured_image %}
   <div class="post-featured-image">
-    <img src="{{ page.featured_image }}" alt="{{ page.title }}" loading="lazy">
+    <picture>
+      <source srcset="{{ page.featured_image | replace: '.png', '.webp' | replace: '.jpg', '.webp' }}" type="image/webp">
+      <img src="{{ page.featured_image }}" alt="{{ page.title }}" loading="lazy" width="1200" height="630">
+    </picture>
   </div>
   {% endif %}
 

_pages/blog.en.html

@@ -1,14 +1,12 @@
 ---
 page_id: blog
 lang: en
-layout: default
-permalink: /blog/
-title: "Sinra Blog - Project Management Insights"
-description: "Learn modern project management strategies, release planning, QA integration, and team scaling. Insights for engineering leaders and project managers."
+layout: page
+permalink: blog/
+page_title: "Sinra Blog - Project Management Insights"
+page_description: "Learn modern project management strategies, release planning, QA integration, and team scaling. Insights for engineering leaders and project managers."
 heading: "Project Management Insights & Strategies"
 ---
-
-<div class="content">
 <section class="blog-hero">
   <div class="container">
     <h1>{{ page.heading }}</h1>
@@ -48,4 +46,3 @@ <h2>Ready to Transform Your Project Management?</h2>
     <a href="https://app.sinra.dev/users/sign_up" class="btn btn-primary">Start Free Trial</a>
   </div>
 </section>
-</div>

_pages/blog.es.html

@@ -1,14 +1,12 @@
 ---
 page_id: blog
 lang: es
-layout: default
-permalink: /blog/
-title: "Blog de Sinra - Insights de Gestión de Proyectos"
-description: "Aprenda estrategias modernas de gestión de proyectos, planificación de releases, integración de QA y escalado de equipos. Insights para líderes de ingeniería y gerentes de proyectos."
+layout: page
+permalink: blog/
+page_title: "Blog de Sinra - Insights de Gestión de Proyectos"
+page_description: "Aprenda estrategias modernas de gestión de proyectos, planificación de releases, integración de QA y escalado de equipos. Insights para líderes de ingeniería y gerentes de proyectos."
 heading: "Insights y Estrategias de Gestión de Proyectos"
 ---
-
-<div class="content">
 <section class="blog-hero">
   <div class="container">
     <h1>{{ page.heading }}</h1>
@@ -48,4 +46,3 @@ <h2>¿Listo para Transformar su Gestión de Proyectos?</h2>
     <a href="https://app.sinra.dev/users/sign_up" class="btn btn-primary">Iniciar Prueba Gratuita</a>
   </div>
 </section>
-</div>

_pages/blog.fr.html

@@ -1,14 +1,12 @@
 ---
 page_id: blog
 lang: fr
-layout: default
-permalink: /blog/
-title: "Blog Sinra - Conseils en Gestion de Projet"
-description: "Apprenez les stratégies modernes de gestion de projet, planification des releases, intégration QA et montée en charge des équipes. Conseils pour les leaders techniques et chefs de projet."
+layout: page
+permalink: blog/
+page_title: "Blog Sinra - Conseils en Gestion de Projet"
+page_description: "Apprenez les stratégies modernes de gestion de projet, planification des releases, intégration QA et montée en charge des équipes. Conseils pour les leaders techniques et chefs de projet."
 heading: "Conseils et Stratégies de Gestion de Projet"
 ---
-
-<div class="content">
 <section class="blog-hero">
   <div class="container">
     <h1>{{ page.heading }}</h1>
@@ -48,4 +46,3 @@ <h2>Prêt à transformer votre gestion de projet ?</h2>
     <a href="https://app.sinra.dev/users/sign_up" class="btn btn-primary">Essayer Gratuitement</a>
   </div>
 </section>
-</div>

index.html

@@ -4,5 +4,6 @@
 title: "Sinra - Project Management Tool for Modern Teams"
 description: "Stop shipping delayed. Ship with confidence. Sinra is the only project management tool built for teams doing both V-Model and Agile. Unified planning, real-time QA tracking, one platform."
 permalink: /
+load_swiper: true
 ---
 {% include index.html %}