Je vais vous parler aujourd’hui d’un outil vraiment cool pour faire de l’archivage de pages web. Alors oui, je sais, on peut déjà enregistrer une page web avec le navigateur, mais cet outil baptisé Monolith permet de faire 1000 fois mieux que ça. Il va non seulement sauvegarder la page cible, mais aussi embarquer d’un coup tous les éléments CSS, images et JavaScript dans un seul et unique fichier HTML5.
Et contrairement à une sauvegarde classique ou même avec wget, Monolith intègre tous les assets en URLs de données. Ça veut dire que votre navigateur va pouvoir afficher la page exactement comme elle était sur le web, même sans connexion Internet !
Pour l’installer, c’est ultra simple. Que vous soyez sur Windows, macOS, GNU/Linux ou même sur des devices exotiques avec des processeurs ARM, ça marchera forcement :
Avec Cargo (cross-platform) : cargo install monolith
Via Homebrew (macOS et GNU/Linux) : brew install monolith
Avec Snapcraft (GNU/Linux) : snap install monolith
Et plein d’autres options encore…
Ensuite, pour sauvegarder par exemple cet article de mon site, il vous suffit d’entrer la commande suivante :
Et paf, ça vous génère direct un fichier monolith.html avec tout ce qu’il faut dedans. Vous pouvez l’ouvrir tranquillou dans votre navigateur même sans accès internet, c’est magique.
Mais Monolith a encore plein d’autres tours dans son sac. Vous pouvez par exemple l’utiliser directement avec une entrée STDIN :
Là on autorise uniquement les domaines example.com et www.example.com. Tout ce qui vient d’ailleurs sera zappé. Ou à l’inverse, on peut dégager des domaines, typiquement ceux qui servent de la pub :
Après, faut savoir que Monolith n’embarque pas de moteur JavaScript. Donc pour les pages web un peu complexes qui vont chercher des données après le chargement initial, ça peut être limité. Mais pas de panique ! On peut utiliser un navigateur headless comme Chromium en amont, pour pré-processer la page avant de la passer à Monolith :
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 !
Auto-News est un agrégateur de news automatisé boosté à l’IA qui rassemble vos sources favorites – tweets, RSS, YouTube, articles web, Reddit, même vos petites notes perso. Puis c’est la magie de l’IA qui analyse tout ça en deux temps trois mouvements, résume le contenu à vitesse grand V, et vous sert sur un plateau les pépites qui matchent avec vos centres d’intérêt. Le reste, poubelle ! Comme ça, fini le tri bien pénible.
Vous créez simplement une page sur Notion comme point d’entrée, vous renseignez vos petits tokens chéris, et voilà le travail ! Auto-News va gentiment créer tout un joli système de dossiers et de bases de données pour ranger vos contenus. Il vous suffira alors d’indiquer vos flux RSS favoris, vos comptes Twitter et Reddit à suivre, et hop, la machine est lancée !
L’outil est également capable de générer des transcriptions pour les vidéos YouTube et les articles web, histoire que vous puissiez les parcourir en diagonale, et grâce à ses supers pouvoirs d’IA, il vous concocte même des listes de tâches à partir de vos notes et réflexions.
Côté technique, c’est du solide puisque ça tourne sous Linux ou MacOS, avec Docker pour faciliter le déploiement et le top du top, c’est son interface façon Notion utilisable depuis votre iPhone, votre Android ou n’importe quel navigateur.
Vous en avez marre de vous battre avec 36 applis différentes pour gérer vos notes sur votre ordi, votre smartphone, votre tablette et votre grille-pain connecté ? Ça tombe bien, VNote est là pour vous sauver la mise puisqu’il vous permet de synchroniser vos notes sur tous vos appareils, que vous soyez sous Windows, macOS, Linux ou même dans l’espace !
Le truc génial avec VNote, c’est qu’il utilise le format Markdown, ce qui permet de mettre en forme votre texte même avec des formules de maths, des diagrammes, des images… sans vous prendre la tête et ensuite les exporter en HTML ou en PDF. Mais attention, ce n’est pas qu’un simple éditeur Markdown puisque ça permet aussi d’organiser vos notes dans des dossiers et des sous-dossiers à l’infini, les taguer, les chercher, les filtrer…
L’outil propose également un mode Vi, la possibilité de splitter l’éditeur pour mettre des documents côte à côte, la numérotation des lignes et même des thèmes pour tous les goûts.
Et le meilleur dans tout ça, c’est que c’est entièrement gratuit et open source. Bref, si vous en avez assez d’Evernote, OneNote et autres Notepads, c’est un logiciel à essayer.
Si vous êtes un habitué sur mon site, vous savez que j’ai tendance à ne pas trop m’éparpiller en ce qui concerne les partenariats. J’en fais régulièrement (faut bien payer la Lamborghini et le majordome), mais ça se limite souvent aux quelques mêmes services. Déjà parce que j’essaye de m’associer uniquement avec des boites sérieuses et avec qui le contact passe bien, mais aussi parce que j’utilise leurs produits quasi au quotidien.
Du coup c’est plus facile pour tout le monde (et si c’est compliqué, ça m’emmerde, donc je ne réitère pas l’expérience). Surtout que je m’entoure tout le temps de partenaires dont les produits tournent autour des thématiques du site. Ce matin je me suis dit que j’allais un peu faire le tour des principaux programmes d’affiliation que j’apprécie tout particulièrement. Ils pourraient vous donner des idées pour votre espace sur le web.
J’en profite pour faire un petit rappel rapide de ce qu’est l’affiliation si certains ne sont pas encore au courant. L’affiliation c’est simplement de parler d’un produit qui nous plait et de faire un lien vers ce dernier, en tous cas sur mon site c’est comme ça que ça marche. Ce lien (identifiable via un code spécifique dans l’URL) ne vous fait pas payer plus cher (ce serait plutôt le contraire) et permet simplement qu’une partie du prix de votre achat me soit reversé par la société. Triple win : pour l’internaute (réduction, mois gratuits …), pour la société (je lui ramène un client) et pour moi (les euros s’accumulent et paient mon majordome travail).
1. Surfshark
Clairement leur programme d’affiliation est celui que vous voyez sans doute passer le plus, notamment via les articles sponsorisés comme celui que vous lisez en ce moment. J’ai la chance de les avoir comme partenaire depuis très longtemps (en 2020) et leur corps de métier est totalement en phase avec ma thématique sécurité (que ce soit via leur VPN, le service Incogni …). Ce qui permet d’aborder le VPN sous des angles multiples et pour différents profils.
Outre ces articles, je récupère un pourcentage (autour de 40%, plutôt haut !) via leur programme d’affiliation lorsque l’un d’entre vous s’abonne au service en passant par mon lien (merci la famille, ça fait zizir !). Je ne vous refais pas un topo détaillé de ce que propose Surfshark VPN ou le service Incogni, mais ils font partie intégrante du moteur qui fait tourner mon site ces dernières années.
Et c’est d’autant plus sympa que c’est peut-être l’outil que j’utilise le plus souvent, puisque leur VPN est activé en permanence dès que je pose mes fesses en face d’un écran. En plus ils sont toujours nickel au niveau relationnel, très cool de bosser avec eux (il faut savoir le dire aussi quand ça arrive). Pour avoir échangé avec des centaines d’annonceurs au fil des années … ce n’est pas si fréquent.
2. Amazon
Bon là, je ne suis pas révolutionnaire sur le coup. Ce n’est pas le programme que j’utilise le plus ni le plus rémunérateur. Je pourrai poser beaucoup plus de liens dans mes milliers d’articles, mais il fait lui reconnaitre un aspect sympa : sa flexibilité. Quel que soit votre site web (site informatif, e-commerce …), il est possible de l’utiliser. Ne serait-ce que temporairement pour vous donner une idée de comment l’affiliation fonctionne, quel montant de base votre site peut générer, etc. D’ailleurs il n’y a même pas besoin d’avoir un site, un réseau social peut suffire.
Autres avantages c’est que quasi tout le monde est inscrit sur la plateforme de Bezos (vous retirez le frein de la création d’un n-ième compte) et celle-ci dispose d’un catalogue super vaste dans de nombreuses catégories. Niveau rémunération c’est très variable, le pourcentage de gain varie de 1 à 20 % selon les cas. Que mon article traite de jeu vidéo, d’un bouquin, de hardware ou d’un gadget geek … Amazon est là. Après il faut reconnaitre que je l’utilise de moins en moins au fil des années, mais c’est toujours pratique à caler ici et là.
3. Bitpanda
Là c’est plutôt pour toutes les thématiques autour de la cryptomonnaie et de la finance. Avec Bitpanda c’est une relation qui remonte au précédent bullrun de 2021 lorsque j’ai rédigé quelques articles autour du service (par exemple : présentation de Bitpanda). La plateforme autrichienne respecte tous les standards européens, évolue plutôt bien et possède maintenant 10 ans d’expérience dans le domaine (ce qui équivaut à un siècle hors crypto ^^).
Bref c’est du sérieux et elle propose beaucoup plus que les 3 ou 4 cryptos des débuts (plus de 100). Elle permet aussi maintenant d’acheter des actions boursières (dont des actions fractionnées), des ETFs, des métaux précieux, index crypto & co. Et propose même sa propre carte bleue ainsi que son token maison (le BEST). Vous voyez parfois un lien ici et là (qui me permet de générer l’équivalent de jusqu’à 20% de vos achats en commission sur une période limitée). On pense souvent à l’affiliation crypto via les poids lourds du milieu (Binance, Coinbase, Crypto.com …), mais il y en a d’autres.
4. Jow
Vous vous demandez ce que fait une appli cuisine dans ma liste ? Vous devez savoir qu’une de mes passions c’est de préparer les repas pour ma petite famille, sans me prendre la tête, et tester un tas de matériel cuisine un peu tech (friteuse à air Ultenic, robot pâtissier CHEFREE M500 …).
Là où la cuisine rejoint le côté geek, c’est à travers l’application Jow. Vous lui indiquez ce que vous avez sous la main (matériel …) et ce que vous voulez créer (fonction des gens qui vont manger, leurs allergies …) et elle va vous pondre une liste de courses complète. Liste que vous pouvez ensuite envoyer directement sur le compte de votre magasin préféré (Auchan & co).
Du coup leur programme va intéresser principalement tout créateur de contenu en rapport avec la cuisine : nutritionniste, coach … ou influenceuse nourriture comme votre serviteur (je prépare ma reconversion ^^). Chaque nouvel inscrit au service permet au créateur de récupérer une commission + 10% de la première commande, mais aussi de partager des offres promo avec sa communauté.
5. O2Switch
Ici c’est encore dans la zone sous l’article que l’affiliation apparait le plus souvent. Et encore une fois c’est une société raccord avec l’ambiance générale du site puisqu’il s’agit d’une offre particulièrement centrée sur les développeurs web. O2Switch c’est la Rolls de l’hébergement en ligne (normal, c’est situé en Auvergne). Non seulement par la puissance et la rapidité qu’ils mettent à votre disposition (trafic et espace illimités), mais aussi par sa facilité d’utilisation (des centaines de scripts prêts à l’emploi, etc.). Le tout pour quelques euros par mois.
C’est donc une affiliation tout à fait adaptée si votre site parle d’informatique, de sécurité, de gestion de site web … comme c’est mon cas. Et le petit plus c’est que la rémunération est simple, pas de pourcentage d’un montant qui varie pour chaque produit. Chaque personne qui prend l’offre fait gagner 25€. Simple, précis, pas de calcul compliqué.
Bref voilà pour la présentation des programmes d’affiliation que j’utilise le plus régulièrement sur mon site. Ce ne sont pas les seuls et je fais des essais de nouveautés de temps à autre (histoire de vous renouveler un peu les choses), mais ces 5 là pourraient vous convenir également. N’hésitez pas à les tester sur votre site, ou à les utiliser en tant que client.
