Front-end Web Developer at @be_api Side projects: https://xitter.cf/t.co/FlLqolZMCc

Joined October 2020
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-kak…
2
73
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-Pa…
10
Not too focused on the project for the past year but I recently worked on the animation of Red. #pokemonjs
19
Milan Ricoul retweeted
Dear Son, Watch these 12 movies before it’s late: 👇
949
12,146
341
91,827
18,739,146
🚀 WordPress et DSFR : une mise en conformité simplifiée ! Par @be_api linkedin.com/feed/update/urn…
2
5
107
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: deploy-preview-15--upbeat-sh…
1
21
Et l'article qui va bien : deploy-preview-15--upbeat-sh…
13
Working on water tiles animation #pokemonjs
1
46
#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
4
22
3
73
9,436
Milan Ricoul retweeted
🌅 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
1
2
229
Petit projet perso, reproduire Pokémon Rouge / Bleu en React JS
1
46
🔥 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/p…. #WCBZH #WordCampBretagne #WordPress #WCBretagne
1
6
1
10
314
🔥 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/p…. #WCBZH #WordCampBretagne #WordPress #WCBretagne
1
4
5
187
Milan Ricoul retweeted
Suite à ma conférence au @SeoCampus, je partage la bonne pratique #webperf en matière de priorisation des balises html dans le <head>. Respecter cet ordre (charset, viewport, title, CSS puis JS en defer) garantit des temps de chargement optimaux. N'hésitez pas à faire tourner 🚀
5
31
1
89
6,613
Milan Ricoul retweeted
Heureux d'avoir collaboré avec @CUMAFrance pour la réalisation de leur nouvelle usine à sites #WordPress ! 🚀 Félicitations pour ce lancement !
Ils étaient attendus ! le réseau #Cuma lance ses nouveaux sites internet : un site national et ses déclinaisons par territoire. - > Voir le site cuma.fr - > lire le communiqué de presse cuma.fr/le-reseau-cuma-se-do… #communicationdigitale #coop #agriculture @be_api
4
1
7
416
Milan Ricoul retweeted
Sticky/Stretching Cursor @CodePen cdpn.io/abxJMxL Inspiration 👉 hello.cuberto.com
11
102
6
1,043
67,069
Milan Ricoul retweeted
Video compression for web is hard. I have learnt this stuff just through trial and error. In this thread, I'll show you how to optimise your video for web. 1/8🧵
27
122
4
1,216
151,504