}>\n \n \n \n );\n}\n\n// Vue.js - Composant asynchrone\nconst AsyncComponent = defineAsyncComponent(() => import('./HeavyComponent.vue'));"}]}]
1b:["$","h2",null,{"children":"6. CDN et géolocalisation"}]
1c:["$","p",null,{"children":"Un CDN (Content Delivery Network) distribue vos ressources sur plusieurs serveurs mondiaux :"}]
1d:["$","h3",null,{"children":"Avantages du CDN"}]
1e:["$","ul",null,{"children":[["$","li",null,{"children":[["$","strong",null,{"children":"Latence réduite"}]," : Serveur le plus proche de l'utilisateur"]}],["$","li",null,{"children":[["$","strong",null,{"children":"Bande passante"}]," : Répartition de la charge"]}],["$","li",null,{"children":[["$","strong",null,{"children":"Disponibilité"}]," : Redondance et failover"]}],["$","li",null,{"children":[["$","strong",null,{"children":"Sécurité"}]," : Protection DDoS intégrée"]}]]}]
1f:["$","h3",null,{"children":"CDN populaires"}]
20:["$","div",null,{"className":"grid grid-cols-1 md:grid-cols-2 gap-4 my-6","children":[["$","div",null,{"className":"bg-gray-50 p-4 rounded-lg","children":[["$","h4",null,{"className":"font-semibold mb-2","children":"Cloudflare"}],["$","p",null,{"className":"text-sm text-gray-600","children":"Plan gratuit généreux, excellent pour débuter"}]]}],["$","div",null,{"className":"bg-gray-50 p-4 rounded-lg","children":[["$","h4",null,{"className":"font-semibold mb-2","children":"AWS CloudFront"}],["$","p",null,{"className":"text-sm text-gray-600","children":"Intégration native avec AWS, très performant"}]]}],["$","div",null,{"className":"bg-gray-50 p-4 rounded-lg","children":[["$","h4",null,{"className":"font-semibold mb-2","children":"Vercel"}],["$","p",null,{"className":"text-sm text-gray-600","children":"Parfait pour les sites statiques et Next.js"}]]}],["$","div",null,{"className":"bg-gray-50 p-4 rounded-lg","children":[["$","h4",null,{"className":"font-semibold mb-2","children":"Netlify"}],["$","p",null,{"className":"text-sm text-gray-600","children":"Idéal pour les sites JAMstack"}]]}]]}]
21:["$","h2",null,{"children":"7. Optimisation des bases de données"}]
22:["$","h3",null,{"children":"Requêtes efficaces"}]
23:["$","ul",null,{"children":[["$","li",null,{"children":[["$","strong",null,{"children":"Index appropriés"}]," : Sur les colonnes fréquemment recherchées"]}],["$","li",null,{"children":[["$","strong",null,{"children":"Limitation des résultats"}]," : LIMIT et pagination"]}],["$","li",null,{"children":[["$","strong",null,{"children":"Cache de requêtes"}]," : Redis ou Memcached"]}],["$","li",null,{"children":[["$","strong",null,{"children":"Requêtes préparées"}]," : Éviter l'injection et améliorer les performances"]}]]}]
24:["$","h3",null,{"children":"Exemple d'optimisation SQL"}]
25:["$","pre",null,{"className":"bg-gray-900 text-gray-100 p-4 rounded-lg overflow-x-auto","children":["$","code",null,{"children":"-- Avant (lent)\nSELECT * FROM articles WHERE title LIKE '%performance%';\n\n-- Après (rapide avec index full-text)\nSELECT id, title, excerpt FROM articles \nWHERE MATCH(title, content) AGAINST('performance' IN NATURAL LANGUAGE MODE)\nLIMIT 10;"}]}]
26:["$","h2",null,{"children":"8. HTTP/2 et preloading"}]
27:["$","h3",null,{"children":"Resource hints"}]
28:["$","pre",null,{"className":"bg-gray-900 text-gray-100 p-4 rounded-lg overflow-x-auto","children":["$","code",null,{"children":"\n \n \n \n \n \n \n \n \n \n \n"}]}]
29:["$","h2",null,{"children":"9. Service Workers et PWA"}]
2a:["$","h3",null,{"children":"Mise en cache avancée"}]
2b:["$","pre",null,{"className":"bg-gray-900 text-gray-100 p-4 rounded-lg overflow-x-auto","children":["$","code",null,{"children":"// Service Worker basique\nself.addEventListener('install', event => {\n event.waitUntil(\n caches.open('v1').then(cache => {\n return cache.addAll([\n '/',\n '/styles.css',\n '/app.js',\n '/offline.html'\n ]);\n })\n );\n});\n\nself.addEventListener('fetch', event => {\n event.respondWith(\n caches.match(event.request).then(response => {\n return response || fetch(event.request);\n })\n );\n});"}]}]
2c:["$","h2",null,{"children":"10. Monitoring et métriques"}]
2d:["$","h3",null,{"children":"Core Web Vitals"}]
2e:["$","div",null,{"className":"bg-blue-50 p-6 rounded-lg my-6","children":["$","ul",null,{"children":[["$","li",null,{"children":[["$","strong",null,{"children":"LCP (Largest Contentful Paint)"}]," : < 2.5s"]}],["$","li",null,{"children":[["$","strong",null,{"children":"FID (First Input Delay)"}]," : < 100ms"]}],["$","li",null,{"children":[["$","strong",null,{"children":"CLS (Cumulative Layout Shift)"}]," : < 0.1"]}]]}]}]
2f:["$","h3",null,{"children":"Outils de mesure"}]
30:["$","ul",null,{"children":[["$","li",null,{"children":[["$","strong",null,{"children":"Google PageSpeed Insights"}]," : Analyse complète gratuite"]}],["$","li",null,{"children":[["$","strong",null,{"children":"WebPageTest"}]," : Tests détaillés avec waterfall"]}],["$","li",null,{"children":[["$","strong",null,{"children":"Lighthouse"}]," : Intégré aux Chrome DevTools"]}],["$","li",null,{"children":[["$","strong",null,{"children":"GTmetrix"}]," : Monitoring continu"]}]]}]
31:["$","h2",null,{"children":"Checklist d'optimisation"}]
32:["$","div",null,{"className":"bg-gray-50 p-6 rounded-lg","children":[["$","h3",null,{"children":"Images"}],["$","ul",null,{"className":"space-y-2","children":[["$","li",null,{"children":"✅ Formats WebP/AVIF implémentés"}],["$","li",null,{"children":"✅ Lazy loading activé"}],["$","li",null,{"children":"✅ Images responsive (srcset)"}],["$","li",null,{"children":"✅ Compression optimale"}]]}],["$","h3",null,{"children":"Ressources"}],["$","ul",null,{"className":"space-y-2","children":[["$","li",null,{"children":"✅ Minification CSS/JS"}],["$","li",null,{"children":"✅ Compression Gzip/Brotli"}],["$","li",null,{"children":"✅ Cache navigateur configuré"}],["$","li",null,{"children":"✅ CDN mis en place"}]]}],["$","h3",null,{"children":"Code"}],["$","ul",null,{"className":"space-y-2","children":[["$","li",null,{"children":"✅ CSS critique inline"}],["$","li",null,{"children":"✅ Code splitting implémenté"}],["$","li",null,{"children":"✅ Resource hints ajoutés"}],["$","li",null,{"children":"✅ Service worker actif"}]]}]]}]
33:["$","h2",null,{"children":"Conclusion"}]
34:["$","p",null,{"children":"L'optimisation des performances web est un processus continu qui nécessite une approche méthodique. En appliquant ces 10 bonnes pratiques, vous devriez observer une amélioration significative des temps de chargement et de l'expérience utilisateur."}]
35:["$","p",null,{"children":"N'oubliez pas de mesurer régulièrement vos performances avec les outils mentionnés et de prioriser les optimisations selon leur impact réel sur vos utilisateurs."}]
36:["$","footer",null,{"className":"mt-16 pt-8 border-t border-gray-200","children":["$","div",null,{"className":"flex items-center justify-between","children":[["$","div",null,{"children":[["$","p",null,{"className":"text-sm text-gray-600 mb-2","children":"Publié le 15 Mars 2024"}],["$","div",null,{"className":"flex items-center space-x-4","children":[["$","span",null,{"className":"text-sm text-gray-500","children":"Partager:"}],["$","a",null,{"href":"#","className":"text-tuxyoBlue hover:text-blue-700","children":"Twitter"}],["$","a",null,{"href":"#","className":"text-tuxyoBlue hover:text-blue-700","children":"LinkedIn"}]]}]]}],["$","$Lf",null,{"href":"/blog","className":"bg-tuxyoBlue text-white px-6 py-2 rounded-lg font-medium hover:bg-blue-700 transition","children":"← Retour au blog"}]]}]}]
37:["$","$L3d",null,{"children":["$","$3b",null,{"name":"Next.MetadataOutlet","children":"$@3e"}]}]
39:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
3c:[["$","title","0",{"children":"Tuxyo - Solutions logicielles expertes"}],["$","meta","1",{"name":"description","content":"Expertise en développement logiciel avec +25 ans d'expérience. Spécialisé en Java, NodeJS, Spring Boot, ReactJS, et solutions Cloud. Architecture et développement de solutions robustes."}]]
3e:null
![\"Description\"](\"image.jpg\")
\n\n\n