Milan Ricoul

J'ai développé ma première extension WordPress en side project: WP Kakitai. Cette extension permet d'ajouter une option sur les paragraphes de l'éditeur Gutenberg pour ajouter des Furigana sur des Kanji japonais afin d'en connaître la prononciation. firestar300.github.io/wp-kakitai/

Vous souhaitez optimiser vos SVG sur votre site web ? Ce petit outil permet de fusionner les tracés afin de gagner quelques KB sur l'ensemble de vos iconographies. #webperf firestar300.github.io/SVG-Path-Merge…

Vous souhaitez optimiser les SVG de votre site en combinant vos tracés ? Ce petit outil est là pour répondre à ce besoin : firestar300.github.io/SVG-Path-Merge…

@DataChaz No difference between string and int ?

If you’re still sending raw JSON into your LLMs, you’re burning tokens, latency, and budget! Try TOON (Token-Oriented Object Notation). Clear like YAML, compact like CSV: • 30–60% fewer tokens • Up to 50% lower costs • Shines for tabular data. Free and Open source 🧵↓

@LeBunkerBtc « D’ici 5 ans tout le monde utilisera ce type de produit » Bah déjà pas ceux qui portent de vraies lunettes correctives.

Voici un premier aperçu de la fonction de navigation des lunettes Meta Ray-Ban Display. Perso, j’ai jamais cru aux gros casques Apple Vision Pro. Ça par contre, c’est le futur. D’ici 5 ans tout le monde utilisera ce type de produit.

Not too focused on the project for the past year but I recently worked on the animation of Red. #pokemonjs

Dear Son, Watch these 12 movies before it’s late: 👇

🚀 WordPress et DSFR : une mise en conformité simplifiée ! Par @be_api linkedin.com/feed/update/ur…

Et l'article qui va bien : …15--upbeat-shirley-608546.netlify.app/posts/high-per…

Hello @grafikart_fr , par rapport à ta vidéo sur comment dompter la typographie, tu as cette ressource aussi intéressante pour la performance web (le CLS) qui permet de trouver une alternative locale d'une font en fallback lorsque la font custom se charge: …15--upbeat-shirley-608546.netlify.app/perfect-ish-fo…

@baptiste_lechat Merci pour le lien, je vais l’installer sur Cursor.

Pour ceux qui veulent faire la même chose avec VSCode, il existe une extension qui fait exactement la même chose👇 🔗 marketplace.visualstudio.com/items?itemName…

@benjamincode Vu que tu étais sur VSCode, tu as ou tu vas tester Cursor ?

Encore un petit truc que je kiffe trop sur IntelliJ (PhpStorm / Webstorm) Dès qu'il détecte que j'écris un ${}, il me change mes quotes en back ticks. Si c'est pas du beurre pour le cerveau ça, je ne sais pas ce que c'est.

Working on water tiles animation #pokemonjs

#Conseil de la semaine Ton site WordPress est lent ? 🤔 Tu perds de l'argent, et tu perds en référencement naturel 👉 une page lente, c'est un taux de conversion en chute libre et ce sont des résultats SEO qui dégringolent. La raison à cela est simple. Du point de vue de l'utilisateur, le temps de chargement est synonyme de frustration et de mauvaise expérience utilisateur (il va partir du site). Du point de vue de Google, c'est un site complexe, long et couteux à crawler et à indexer. Ce sont aussi des contenus moins qualitatifs, car moins utilisables par l'internaute. Voyons ensemble comment corriger cela et ce que tu dois faire. Attention, pas de bullshit ici, que des conseils actionnables et efficaces pour améliorer la vitesse de WordPress. Petite précision cependant, je parlerai surtout du temps de chargement réel et ressenti (le temps nécessaire pour que notre page soit chargée et utilisable), pas forcément des autres critères de Google via certains "Core Web Vitals" (INP, CLS, etc.). Commençons par l'élément de base : un site qui se charge rapidement, c'est un site ayant un système de cache pour ne pas recalculer les pages inutilement. Pour cela, utilisez une extension (par exemple WP Rocket) ou un système de cache serveur. Ensuite, ça dépend... Oui, je sais que c'est une réponse de référenceur. Mais c'est une vérité. Un site peut être lent pour des raisons très variées. Sur un site, ce sera lié aux scripts, sur un autre au poids des images, sur un troisième au nombre de ressources, etc. Pour savoir quelle optimisation mettre en place, la méthode à suivre est simple. Utilisez tout d'abord un outil externe (PageSpeed Insight, GTmetrix, WebPagetest) et regardez ce qu'on appelle le Waterfall pour détecter ce qui pose problème. C'est ce que vous pouvez voir dans l'image qui j'ai ajouté à ce post, et qui montre les ressources chargées dans la page, leurs poids, leur ordre de chargement et le temps nécessaire pour télécharger et exécuter chacune d'entre elles. Après votre analyse, corrigez ce qui ne va pas dans ce chargement, et suivez aussi les éventuelles recommandations de ces outils. D'ailleurs, chaque outil peut vous donner des préconisations différentes. Et cela peut passer par ces optimisations 🔹 L'amélioration du fichier WP-Config pour augmenter la mémoire vive, réduire les révisions et définir le délai pour vider automatiquement la corbeille. Cela soulagera tous les temps de calcul de vos pages 👉 voir ici buff.ly/3zuFIcK 🔹 Le nettoyage de la base de données (via l'excellent WP Sweep ici buff.ly/4do0IzD et via un nettoyage manuel des anciennes options et tables) 🔹 Le changement ou l'amélioration de l'hébergeur (notamment en ce qui concerne la puissance processeur, le temps d'exécution des scripts, la version de PHP si elle est ancienne ou la mémoire vive disponible) 🔹 La fusion de vos ressources (CSS d'un côté, JS de l'autre), leur minification (on enlève tous les espaces, saut de lignes et caractères inutiles) et leur chargement différé ou asynchrone. Sur ces points, votre extension de cache peut s'en charger automatiquement. Moins de ressources, des ressources moins lourdes et des ressources moins bloquantes, c'est un bien meilleur chargement de vos pages. 🔹 Un meilleur réglage de votre thème et de vos extensions (pour réduire les effets ou les fonctionnalités inutiles) 🔹 Des fichiers créés en dur pour le fichier robots.txt et vos fichiers sitemaps. Google pourra ainsi les crawler 10 à 20 fois plus vite (et SEOKEY est la seule extension WordPress à les générer ainsi, ce qui améliore facilement votre indexation) 🔹 Le rapatriement des ressources externes (présentes sur un autre nom de domaine) sur votre serveur pour bénéficier de la mise en cache. Croyez-moi, vos internautes vous remercieront. Cela peut concerner des scripts, des images, et bien souvent les polices d'écriture. D'ailleurs, sur ce dernier point, WordPress permet de gérer vos polices d'écriture bien plus proprement depuis la version 6.5 buff.ly/3VJfGep 🔹 La mise en place de redirections pour vos URL en erreur (ou d'entêtes 410 pour vos anciennes ressources), car vos pages en erreur sont très consommatrices de ressources pour Google (en plus de vous faire perdre en SEO). Dans le même temps, désactivez ou corriger les redirections automatiques très lentes de WordPress. Pour cela, utilisez le module dédié de SEOKEY 👉 buff.ly/3MvLZIe 🔹 La réduction du poids de vos images (voir même de passer au format Webp ou à AVIF). Pour cela, le plus pratique est d'utiliser des extensions dédiées comme Imagify et autre 🔹 Le chargement asynchrone de certains éléments, ou lors de l'interaction de l'utilisateur (non, charger automatiquement une vidéo n'est PAS une bonne idée !). Là encore, l'extension de cache peut gérer cela (pensez bien à tester). 🔹 La mise en cache de la résolution DNS pour se connecter plus rapidement à votre nom de domaine (je pense notamment à des système comme DNS Fast Anycast d'Infomaniak. 🔹 L'utilisation d'un CDN (surtout quand on cible des internautes dans plusieurs pays différents) 🔹 La suppression de vos extensions inutiles (simple, basique) 🔹 L'optimisation de la mise en cache côté internaute et la désactivation des Etags. Un internaute qui reviendra aura ainsi un bien meilleur ressenti, car il ne va pas retélécharger inutilement certains éléments. Votre extension de cache peut s'en charger, ou alors suivez notre tutoriel 👉 buff.ly/2LjveSX 🔹 la désactivation des fonctionnalités de logs dans les extensions pour ne pas surcharger la base de données (comme les logs de Broken Link Checker, ceux de Redirection, de WP Mail Logging, etc.) 🔹 L'utilisation d'un thème plus léger visuellement Et je suis sûr que j'en oublie... Alors maintenant, au travail ! 🫵 PS : n'hésite pas à me contacter, on peut justement t'accompagner sur ce sujet à l'agence ;) --------------------------------- Je suis Daniel Roch, expert SEO WordPress depuis 2008, auteur de plusieurs livres et orateur récidiviste. Je t'aide à booster le SEO de WordPress avec mon agence SeoMix et l'extension SEOKEY

@ln_dev7 Annuler les modifications ? Oui Oui

Je suis troublé

🌅 Good morning, Europe! Kickstart your Friday with the soft launch of the most powerful WooCommerce UI ever. 🚀 Is this the upgrade your store's been waiting for? Find out: storeui.net #WooCommerce #WordPress #eCommerce

@benjamincode Pas encore Vue la vidéo mais j'attendais pas moins des React.

Nouvelle vidéo "React vs Vue en 2024 – Lequel choisir ?" youtu.be/ekytObUD4KQ Je vais me faire insulter... 😂

Petit projet perso, reproduire Pokémon Rouge / Bleu en React JS

🔥 Nouvel orateur confirmé ! Amaury Balmer et sa conf "WordPress à l’échelle dans le Cloud : Stratégies et Meilleures Pratiques" seront présents sur la "Track Technique". 📌 Programmation complète sur bretagne.wordcamp.org/2024/programme/. #WCBZH #WordCampBretagne #WordPress #WCBretagne

🔥 Nouvel orateur confirmé ! Nicolas Juen et sa conf "Tester automatiquement son extension avec les outils WP" seront présents sur la "Track Technique". 📌 Programmation complétée au fur et à mesure sur bretagne.wordcamp.org/2024/programme/. #WCBZH #WordCampBretagne #WordPress #WCBretagne