Si vous avez un site web tout beau, tout propre, avec que du bon HTML bien statique et que vous voulez le mettre en ligne quelque part histoire de le faire tester à vos amis, y’a EchoDuck !

C’est un excellent outil très user friendly pour les bidouilleurs du dimanche, qui veulent bricoler des pages web et les balancer en ligne sans devoir vendre sortir leur CB ou se battre avec un Nginx ou un Apache.

Alors comment ça fonctionne ?

1. Vous allez sur le site d’EchoDuck : https://echoduck.com/
2. Vous cliquez sur « Launch my Server », vous choisissez les fichier à héberger le site vous filera une URL publique rien qu’à vous.

Bien sûr rien n’est envoyé en ligne et vos fichiers restent uniquement sur VOTRE appareil et pas besoin d’installer quoi que ce soit, puisque ça fonctionne depuis le navigateur.

Et il y a quelques limitations techniques à prendre en compte puique EchoDuck c’est uniquement pour des sites statiques légers, et pas pour héberger le prochain Netflix. Donc évitez de balancer votre vidéothèque 4K ou votre collection de GIFs de chats car ça risque de ramer. 😬

Mais ça dépanne !

A découvrir ici.

Aujourd’hui, je vous parle d’un truc vraiment cool nommé Jampack. En gros, c’est un outil qui prend votre site statique généré par votre générateur préféré (Hugo, Jekyll, Eleventy… y’en a pour tous les goûts !) et qui le transforme en une bête de course optimisée pour une expérience utilisateur de folie et des scores Core Web Vitals à faire pâlir les GAFAM.

Comment ça marche ce truc ? Eh bien, Jampack va scanner votre site et appliquer tout un tas d’optimisations automatiquement. Par exemple, il va :

• Rendre vos images responsive avec des dimensions et des formats modernes comme le WebP ou l’AVIF. Fini les images qui mettent trois plombes à charger !
• Mettre la priorité sur les assets importants au-dessus de la ligne de flottaison et lazy-loader le reste. Comme ça, votre site s’affiche direct pendant que le reste charge tranquillou en arrière-plan.
• Inliner le CSS critique et virer le Flash of Unstyled Content (FOUC). Votre site aura la classe dès les premières millisecondes.
• Prefetcher les liens pour accélérer la navigation. Vos visiteurs surferont à la vitesse de la lumière sur votre site !
• Minifier et compresser tout ce qui traîne : HTML, CSS, JS, SVG… Que du bonheur pour votre bande passante.

Et tout ça sans que vous ayez à lever le petit doigt ! Juste un petit

npm install -D @divriots/jampack

et hop, magie, votre site est optimisé de fou.

Bon, vous vous dites peut-être : « Ouais, ok, mais mon site il est déjà pas mal optimisé, hein« . Eh bah, sachez que même les experts de Keycloak.ch, BayJS.org ou CloudCannon.com utilisent Jampack pour squeeze encore plus de perf. Vous pensez vraiment faire mieux ? ^^

Et bien sûr, tout le code est open-source sur GitHub, sous licence MIT. Allez, sur ce, je vous laisse, j’ai un site à optimiser moi. See ya !

A découvrir ici.