Milan Ricoul

Front-end Web Developer at @be_api
Side projects:

[Milan Ricoul @mit0ri]

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.
https://t.co/V0G69hHHr1

[Milan Ricoul @mit0ri]

@clockmaker And the lightweight JS fallback https://t.co/sgwN9fBlnW

[Milan Ricoul @mit0ri]

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

https://t.co/LdRZUUOJoC

[Milan Ricoul @mit0ri]

Vous souhaitez optimiser les SVG de votre site en combinant vos tracés ? Ce petit outil est là pour répondre à ce besoin : https://t.co/LdRZUUOJoC

[Milan Ricoul @mit0ri]

@DataChaz No difference between string and int ?

[Milan Ricoul @mit0ri]

@LeBunkerBtc « D’ici 5 ans tout le monde utilisera ce type de produit »

Bah déjà pas ceux qui portent de vraies lunettes correctives.

[Milan Ricoul @mit0ri]

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

[Hassan @Heyhassan]

Dear Son,

Watch these 12 movies before it’s late: 👇

[Milan Ricoul @mit0ri]

🚀 WordPress et DSFR : une mise en conformité simplifiée !

Par @be_api https://t.co/Fby0sv6lTo

[Milan Ricoul @mit0ri]

Et l'article qui va bien : https://t.co/ORoZMtrAxc

[Milan Ricoul @mit0ri]

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: https://t.co/qbr7U43NCR

[Milan Ricoul @mit0ri]

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

[Milan Ricoul @mit0ri]

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

[Milan Ricoul @mit0ri]

Working on water tiles animation #pokemonjs

[Daniel Roch Ⓦ @rochdaniel]

#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 https://t.co/stMypzBJlm

🔹 Le nettoyage de la base de données (via l'excellent WP Sweep ici https://t.co/MZJUUPYe7x 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 https://t.co/TAA4bsix5A

🔹 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 👉 https://t.co/wIwkqBLqdR

🔹 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 👉 https://t.co/BQwWhC6wUO

🔹 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

[Milan Ricoul @mit0ri]

@ln_dev7 Annuler les modifications ?
Oui Oui

[Rémi Corson @remicorson]

🌅 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: https://t.co/9Yw8k9cliO

#WooCommerce #WordPress #eCommerce

[Milan Ricoul @mit0ri]

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

[Milan Ricoul @mit0ri]

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

[WordCamp Bretagne @wcBretagne]

🔥 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 https://t.co/CeYTB4ONyx.

#WCBZH #WordCampBretagne #WordPress #WCBretagne