POURQUOI MISER SUR LE SEO?

Le SEO ou Search Engineering Optimisation est une méthode qui permet de positionner naturellement un site, un article, une photo etc. sur les moteurs de recherche. De plus en plus, cette technique a pris de l’ampleur et a vu naître tout un métier. Sauf que, les clients ne comprennent toujours pas son importance. Dans cet article, je vous dis pourquoi il est important de miser sur le SEO dans tout projet digital.  

Comment fonctionne le SEO ?

Le SEO consiste à utiliser les mots clés afin de générer de façon naturelle de la visibilité. Il y a des millions de contributeurs à internet, de millions d’articles, de sites web, de photos, de chansons, etc. selon différents domaines. Comment se démarquer dans ce fourmillement de contenus ? Comment arriver à se positionner en tête dans les résultats de recherche ? C’est à ces interrogations que répond le SEO. Pour cela, il est important de savoir conjuguer le langage humain au langage informatique des moteurs de recherches. Savoir écrire pour l’humain et la machine.

Pourquoi miser sur le SEO ?

Le référencement naturel permet une visibilité à long terme. C’est un moyen moins coûteux et efficace. L’autre avantage du SEO c’est que vous êtes sur d’attirer uniquement votre cible, des personnes qui s’intéressent à ce que vous offrez. Imaginez que vous ouvrez une sorte de restaurant chez vous et vous mettez dehors une plaque qui informe des menus que vous proposez en mettant l’accent sur la plus-value que vous apportez à vos plats. Vous n’aurez pas besoin de dépenser pour la publicité. Tous ceux qui passeront par-là verront la plaque et saurons ce que vous faites. Si un jour il se trouve dans le besoin de vos services, vous êtes la personne qui leur viendra d’abord à l’esprit, ils vous recommanderont à leurs proches sans hésiter et surtout lorsqu’on cherchera un restaurant dans les environs et bien on vous trouvera facilement. C’est un peu ce rôle que joue le SEO mais de façon plus impactant.

LES COULEURS TENDANCES EN 2022  

Alors que 2021 s’achève, 2022 arrive plus colorée qu’un arc-en-ciel. Pour tous les travailleurs du digital, nous vous proposons une liste non exhaustive des couleurs tendances qui rythment le digital en Afrique.

Les couleurs aussi ont leur langage et pour mieux les utiliser, il faut comprendre ce qu’elles disent car, oui, les couleurs ça parle. Et tout comme les vêtements ou la musique, les couleurs aussi font des tendances et voici les 5 couleurs en mode en 20

LE NOIR

Le noir n’est pas seulement noir, il y a également du blanc dedans. Entre luxe, élégance, modernité et simplicité, vous avez de quoi vanter votre côté luxueux, glamour, sophistiqué surtout si vous souhaitez affirmer votre pouvoir.  Pas besoin d’attendre un évènement malheureux pour utiliser cette couleur  magistrale la preuve, de plus en plus, le noir rythme les évènements qui jadis étaient dominés par les couleurs flashy. Il serait cependant bénéfique de l’utiliser à outrance au risque de communiquer du noir autour de vous.

Le site web de Nike arbore de multiples nuances ce qui rend son contenu beaucoup plus lisible ainsi qu’une navigation fluide avec une expérience utilisateur optimale.

LE BLEU

Si vous souhaitez rassurer, convaincre, inspirer confiance et avoir l’air sage, faites confiance au bleu. C’est la couleur de la maturité, de l’expertise, de la confiance en soi et de la vérité. Pourquoi pensez-vous que le monde de la finance et de l’immobilier  le porte tant à cœur ?  Même les politiciens savent qu’il faut mettre du bleu pendant une campagne électorale.

Il est également recommandé pour le digital grâce à ses avantages pour l’UX, la visibilité et la lisibilité qu’elle optimise.

LE VERT

Qu’elle est belle Dame Nature ! La polyvalence, la nature, l’espérance et la chance sont très souvent associées à cette couleur. Si vous souhaitez transmettre des émotions telles le calme, l’harmonie, la concentration, la stabilité vous avez la couleur idéale. Pour les domaines comme le sport, l’industrie de beauté et même le digital puisqu’elle symbolise également la créativité. A la fois rafraichissant, tonifiant  et apaisant, sa palette de nuance saura vous satisfaire. L’un des grands avantages du vert est qu’il s’intègre facilement à toutes les palettes de couleurs.

En Afrique, c’est LA couleur mère. Que ce soit au niveau institutionnel ou personnel, cette couleur est ancré en l’africain. Normal qu’il soit l’un des privilégié pour la communication et le digital. Attention cependant à ces nuances les plus clairs qui peuvent être un frein à la lisibilité.

LE JAUNE

Je doute qu’il ait plus gaie que le jaune. Couleur joyeuse, pleine de vitalité symbole de la spontanéité, du positivisme, le fun et d’espoir. Très attractive de par  son éclat, la couleur du soleil apporte une individualité et une identité  propre et traduis la capacité de réflexion et d’analyse. Cette couleur séduit de plus en plus, ses nuances sont prisés par tous.

Cette couleur est également très représentative en Afrique. Son attractivité peu se révéler néfaste pour une bonne expérience utilisateur dans les sites web, pensez à bien la nuancer.

LE BLANC

La pureté, l’équilibre parfait, la paix, la rigueur, c’est la seule couleur qui est assortie à toute la palette chromatique. Attention quand même à son dosage en fonction de l’usage que vous en ferez surtout dans le digital puisque le blanc est une couleur de base. Qu’elle soit seule pourrait vous apporter quelques contraintes. Pour les supports marketing et publicitaires par exemple, il est important d’avoir moins de blanc puisque tous les supports sont de cette couleur.

L’Afrique est un continent gaie, joyeux, coloré rythmé par l’éclat de l’arc-en-ciel. C’est sans surprise que les couleurs gaies y règnent en maitre.

Il est à noter cependant que, les nuances de certaines ont plus de vent à poupe que d’autres, dans nos prochains articles, nous vous en dirons davantage à ce propos.

LE MINESUP VALORISE LA PRODUCTION SCIENTIFIQUE CAMEROUNAISE.

La production et l’innovation scientifique sont un levier considérable de développement à plus d’un niveau pour un pays comme le Cameroun. Dans le souci d’encadrer le secteur de la recherche scientifique en vue de mieux l’impulser, le gouvernement camerounais a instruit une dématérialisation des différentes procédures de travail dans toutes les administrations publiques.
   C’est dans ce cadre que la Division des Etudes de la Prospective et des Statistiques (DSEP) du Ministère de l’Enseignement Supérieur (MINESUP), qui a parmi ses missions de veiller à la collecte des productions scientifiques, a entrepris de mettre sur pied une plateforme informatique de collecte, d’évaluation et de suivi permanent des données statistiques sur la production scientifique des enseignants chercheurs des Universités d’Etat.
    A cet effet, l’objectif est de pouvoir ressortir des statistiques fiables et précises sur la recherche scientifique au Cameroun dans un premier temps. Ensuite, avoir une base de données qui permettra de mieux orienter les financements privés et publics dans des domaines porteurs de la recherche. Et enfin, améliorer la visibilité de la recherche scientifique camerounaise au niveau national et international.
    Pour s’assurer de la réussite de ce projet, le MINESUP a mis à contribution le savoir-faire de DUO Expertise pour la conception de la plateforme et de son implémentation effective. Les travaux qui ont débuté au mois d’Avril 2021 ont abouti à l’atelier de validation de la plateforme le 19 novembre 2021 dans la salle des actes de l’Ecole Normale Supérieure (ENS) en présence du Secrétaire Général du MINESUP, des responsables de différentes divisions du MINESUP et des représentants de l’Université de Yaoundé I.
    C’est une collaboration qui, nous l’espérons, apportera une plus-value dans le domaine de la recherche scientifique, avec l’expertise de DUO Expertise qui démontre une fois de plus son savoir-faire dans la conception d’application et le développement web .

DUO EXPERTISE ET PREMICE COMPUTER : COLLABORATION FRUCTUEUSE !

Samedi 20 Novembre 2021, DUO Expertise a répondu présent à l’invitation de son partenaire, à l’occasion de l’ouverture de sa nouvelle agence à Douala au lieu-dit Akwa Bercy. Une présence remarquée qui démontre l’engagement dans l’accompagnement de ses clients.
Plus de trois ans déjà que Duo expertise est aux cotés de Premice computer dans la conception, la maintenance et la promotion de son site internet www.premicecomputer.com. Une collaboration riche et fructueuse qui témoigne à suffisance de la disponibilité et de l’intérêt que nous portons à nos partenaires.
Prémice Computer est une entreprise camerounaise de E-commerce qui propose des produits et accessoires informatiques d’origine et haut de gamme. Représentant agrée des marques telles que HP, Canon, APC, Kaspersky, etc. c’est sans aucun doute la solution informatique qu’il vous faut. Au lieu-dit Camair à Yaoundé, l’agence centrale a su conquérir depuis plusieurs années la population par la qualité de ses produits et de sa relation client.

une image vaut mille mots 

WhatsApp suspend ses modifications

La plateforme de messagerie mobile WhatsApp a décidé  de décaler de trois mois l’entrée en vigueur de ses nouvelles conditions d’utilisation.  Après une vague de critiques exprimées par ses utilisateurs qui craignent pour la protection de leurs données personnelles.

WhatsApp plie devant le tollé. La plateforme a annoncé vendredi 15 janvier avoir repoussé de trois mois le changement de ses conditions d’utilisation.  En effet après les craintes exprimées par de nombreux utilisateurs de voir le service de messagerie mobile partager des données confidentielles avec sa maison mère, Facebook. 

« Nous retardons désormais la date à laquelle les utilisateurs devront relire et accepter les conditions », a indiqué l’entreprise dans un article de blog. Les modifications, qui devaient entrer en vigueur le 8 février, ne seront plus effectives qu’à partir du 15 mai. 

WhatsApp a assuré que la mise à jour ne « renforcerait pas notre capacité à partager des données avec Facebook », mais était avant tout destinée à aider des entreprises à mieux communiquer avec leurs clients via la plateforme. 

1- Confusion et désinformation

« Nous savons qu’il y a eu de la confusion et de la désinformation à propos de cette mise à jour, et nous voulons aider tout le monde à comprendre nos principes et les faits », a défendu l’entreprise. 

Les conversations WhatsApp continueront d’être chiffrées de bout en bout et ni Facebook ni WhatsApp n’auront la possibilité de voir ces messages privés, assure la compagnie. 

L’annonce de la mise à jour la semaine dernière avait semé la panique et provoqué la colère de nombreux utilisateurs, qui s’alarmaient de l’abandon des valeurs fondatrices de WhatsApp. L’application a notamment bâti sa réputation sur la protection des données. 

2-Enquête 

La plateforme avait tenté de calmer l’incendie à coups d’annonces rassurantes et de campagnes publicitaires. Mais des services concurrents, comme Signal et Télégramme, ont pu profiter de la confusion et vu leurs téléchargements s’envoler sur l’Apple Store et Google Play dans plusieurs pays. 

De son côté, l’Autorité de la concurrence en Turquie a annoncé lundi l’ouverture d’une enquête contre WhatsApp et Facebook, réclamant la suspension de la mise à jour.

6 astuces pour promouvoir votre nouveau site web

Si vous êtes sur le point de mettre en ligne votre premier site web pour votre marque, ou si une refonte va bientôt voir le jour, alors il est temps de préparer la promotion de votre nouveau site.

Votre annonce devra se faire une fois que ce dernier est en ligne, idéalement au bout d’une semaine, car soyons honnête : les premiers jours, certains bugs apparaissent et méritent d’être corrigés pour ne pas dégrader l’expérience utilisateur.

Pour promouvoir efficacement votre nouveau site web, voici quelques astuces à essayer.

1. Prévoir des posts sur les réseaux sociaux

Rien de mieux que les réseaux sociaux pour diffuser votre annonce à une large audience.

Parce que les publications sont souvent éphémères, surtout sur Twitter, n’ayez pas peur d’annoncer deux à trois la mise en ligne de votre nouveau site. Pour plus d’impact, ajoutez une image de votre site à votre publication.

Si vous souhaitez mettre en avant une ou plusieurs fonctionnalités, vous pouvez créer un GIF ou une courte vidéo où l’on voit une personne scroller et utiliser votre site. C’est une belle façon de vous démarquer et d’inciter les utilisateurs à découvrir le potentiel de votre nouvelle interface.

2. Créer un article de blog spécialement pour l’occasion

Si vous pensez qu’un article de blog demande beaucoup trop de contenu pour annoncer la simple mise en ligne de votre nouveau site, vous serez surpris de voir tout ce que vous pouvez dire.

Un article de blog est une occasion en or pour expliquer les raisons qui vous ont poussés à créer ou refondre votre site web.

Vous pouvez même consacrer une partie aux fonctionnalités à ne pas manquer, celles qui vous démarquent de vos concurrents et qui vont aider de façon significative les utilisateurs.

Lorsqu’un nouveau site voit le jour, beaucoup d’internautes sont curieux de savoir ce qui a changé et pourquoi.

3. Envoyer un email aux clients et prospects

L’emailing est l’un des meilleurs outils pour faire de la promotion et dans le cadre de l’annonce de votre nouvelle interface, votre message n’a pas besoin d’être long.

Expliquez simplement que votre vitrine web a changé et incitez les utilisateurs à se rendre sur votre site grâce à un call-to-action.

Encore une fois, insérez une image ou un autre média pour offrir une prévisualisation.

4. Mettre à jour sa signature email

Combien d’emails envoyez-vous par jour ? Avec qui communiquez-vous ? Les personnes avec qui vous échangez sont peut-être des clients existants ou des prospects. Quoiqu’il en soit, votre signature email est vue à de nombreuses reprises au cours d’une journée.

En y ajoutant l’annonce de votre nouveau site, vous sensibiliserez chacun de vos destinataires de façon subtile mais efficace.oPour configurer votre signature d’email vous pouvez utiliser un outil spécifique.

5. Envoyer un communiqué de presse

Non, les communiqués de presse ne sont pas exclusivement réservés aux grandes marques et aux entreprises mondialement connues. Vous aussi, à plus petite échelle, vous pouvez annoncer dans la presse la mise en ligne de votre nouveau site internet.

Visez d’abord les médias locaux ainsi que les médias spécialisés dans votre secteur d’activité en donnant un angle intéressant à votre document.

6. Organiser un jeu concours

Cette technique pour promouvoir un nouveau site web n’est peut-être pas commune, néanmoins elle vous permettra d’apporter du trafic.

Par exemple, vous pouvez cacher un mot sur votre site et offrir un bon d’achat à toute personne qui le trouvera et qui vous enverra une impression écran.

Ici, l’idée est d’inciter les internautes à explorer votre site tout en envoyant des signaux positifs à Google : les utilisateurs visitent plusieurs pages et ont une longue durée de session.

Si la promotion de votre nouveau site doit se faire après la mise en ligne de ce dernier, ne vous contentez pas de communiquer pendant une semaine.

En effet, votre site ne vous paraît peut-être plus si neuf parce que vous avez passé du temps à le créer, à insérer le contenu, etc. Mais rappelez-vous que les internautes ne l’ont jamais vu. Pour eux votre site web est totalement nouveau.

En gardant cela en tête, n’ayez pas peur d’annoncer votre nouvelle interface pendant une période d’un mois en variant les formes et les supports de communication.

 

Content Marketing : pourquoi faut-il actualiser les anciens contenus

Actualiser régulièrement votre contenu est plein de vertus. Pourquoi faire ce travail de fond ? Nous vous expliquons tout.

1. Actualiser un contenu pour lui donner une seconde vie

Un article de blog bénéficie d’une durée de vie bien plus longue que les contenus publiés sur les réseaux sociaux par exemple. Néanmoins, tôt ou tard, lui aussi finit par vieillir et être rétrogradé dans les résultats de recherche.

Pour contrer cette malédiction, remettre les informations au goût du jour, apporter du contenu frais pour plaire à Google, peut donner une seconde jeunesse à vos articles.

 

2. Améliorer votre SEO

Même un contenu performant en terme de ranking, mérite un petit bilan de temps en temps. Il se peut que les mots-clés aient évolués, que le champ lexical puisse être étendu ou encore que les titres ne soient plus d’actualité.

Retravailler l’ensemble de ces éléments peut vous aider à obtenir des résultats encore meilleurs dans le SERP (Search Engine Page Result).

3. Rester à la page

Combien de contenus sont vrais un jour et plus du tout le lendemain ? Quel que soit votre domaine d’activité, il est très probable que vous ayez des informations obsolètes au sein de vos articles de blog.

Des liens cassés sont également fréquents. Actualiser vos contenus peut vous permettre de :

  • Mettre à jour les informations / données communiquées
  • Vérifier la bonne santé du maillage interne
  • Renvoyez vers des contenus plus récents

En vérifiant régulièrement ces différents aspects, vous entretenez un site pertinent, utile pour vos lecteurs et digne de confiance.

 

4. Maintenir une cohérence visuelle

Il est fréquent que le design évolue. Et parfois les articles plus anciens ne bénéficient pas du lifting. Mettre à jour les contenus passe aussi par une vérification des mises en page et des images.

Sont-elles bien cohérentes avec les articles plus récents ? La présentation des articles est-elle la même ? Est-ce que tous les visuels fonctionnent encore ?

De la même manière, ce travail sera incontournable si vous décidez de passer à un nouveau template ou thème WordPress par exemple. Il est probable que certaines images ne fonctionnent plus.

 

5. Améliorer les performances de votre site web

Puisque nous parlons d’images, il est important de rappeler également que les visuels peuvent parfois peser lourd et influencer les vitesses de chargement de vos pages . Pour améliorer les performances de votre site web et par ricochet, votre référencement naturel, il est intéressant de vérifier leur poids et de le réduire au besoin.

Par ailleurs, il peut s’agir également de modifier les catégories de vos articles pour rendre leur classement optimal. Ou encore de travailler les versions AMP pour obtenir un ranking meilleur sur mobile

6. Rester cohérent avec votre ligne éditoriale

Un blog évolue sur les années. Au delà des informations qui peuvent être passées de date, le ton et l’orientation de l’auteur peuvent avoir changé.

Il se peut que l’objectif de votre site web ou de votre entreprise ait évolué. Que votre opinion sur certains sujets ne soit plus la même. Plutôt que de faire complètement disparaître ces textes de votre site web, vous pouvez les remanier pour apporter un nouvel éclairage

7. Gagner du temps

Trouver de nouvelles idées en permanence et créer du contenu en partant de zéro est chronophage et couteux. Travailler des contenus existants peut donc représenter un vrai gain de temps. Mais ce n’est pas tout.

En recyclant vos anciens articles vous obtenez aussi :

  • Une plus grande visibilité : Google adore le contenu frais et remettre à jour vos textes lui enverra des signaux très positifs.
  • De l’argent : le recyclage est bon pour le ROI. Vous dépensez moins de temps et d’argent à créer du neuf.
  • De la clarté : en remettant à jour des contenus moins alignés avec le message actuel de l’entreprise, vous consolidez votre image de marque et la cohérence de votre communication.
  • De nouveaux lecteurs : ceux qui étaient dans la cible mais qui ne vous connaissaient pas au moment de la parution, ont une nouvelle chance de vous rencontrer.

Bonnes pratiques pour mettre à jour le design de votre site

50 millisecondes, c’est le temps dont vous disposez pour impressionner un visiteur sur votre site web. Vous l’aurez compris, vous devez faire simple, mais efficace !

Web design : 7 conseils pour réussir un site sur mobile

Le futur de la navigation sur Internet est mobile, ce n’est pas un scoop ! Plus de la moitié du trafic Internet mondial provient de ces appareils. Une performance logique quand on sait que, d’après une étude de Morgan Stanley, 91 % de la population mondiale garde son smartphone à portée de main 24h/24 et 7j/7.

Alors, votre webdesign est-il adapté à une utilisation sur smartphone ? Avez-vous réellement mis en œuvre toutes les bonnes pratiques pour une expérience utilisateur optimale depuis un smartphone ?

Découvrons 7 conseils pour un site mobile friendly efficace et performant !

1. Un chargement rapide

L’utilisateur mobile veut des réponses en un clic. Si votre site Web prend plus de 3 secondes pour afficher une page, les visiteurs risquent de partir. Pour augmenter la vitesse, optimisez les images, rationalisez le code HTML, réduisez les redirections et passez au format AMP.

N’oubliez pas d’inclure une fonction de recherche efficace pour permettre au visiteur de retrouver rapidement ce qu’il recherche.

2. Un design simple et épuré

Les taux de conversion augmentent lorsque les pages sont allégées. Sur mobile, le design doit être le plus simple possible. Rationalisez au maximum les encarts, images, vidéos ou textes, pour réduire le taux de rebond. Quant aux pop-ups, bannissez-les sur mobile ! Ils ralentissent le chargement, tout en empêchant l’utilisateur de voir correctement la page.

3. Une recherche visible

Votre champ de recherche mérite d’être optimisé, afin que les internautes trouvent rapidement des réponses. Facilitez-leur le travail en complétant automatiquement les requêtes, en corrigeant les fautes d’orthographe et en suggérant des demandes connexes. Vous pouvez aussi proposer des filtres, placés au-dessus des résultats de recherche.

4. Des formulaires efficaces

Connaissez-vous l’autofill ? Cette technique consiste à remplir automatiquement les formulaires des utilisateurs, grâce aux cookies. Les champs préremplis encouragent les mobinautes à saisir le reste des données. Plus vous facilitez la navigation de vos prospects, plus le taux de conversion va augmenter.

5. Un contenu optimisé pour le mobile

Paragraphes courts, titre concis, phrases directes, peu d’images… voilà les préceptes d’un contenu parfaitement optimisé pour la navigation mobile. De plus, ajustez vos polices de caractère : préférez les polices rondes, espacées, qui facilitent la lecture sur petit écran.

6. Un CTA séduisant

Le bouton d’appel à l’action est l’élément le plus important de votre site Internet. Sur mobile, sa taille, sa couleur et son verbe comptent davantage. Faites en sorte que l’utilisateur y accède facilement, sans pour autant gêner le contenu. Raccourcissez au maximum l’entonnoir de vente pour convertir rapidement le visiteur.

7. Une optimisation globale de votre site pour le mobile

La conception de votre site Web mobile doit être une extension de votre entreprise. Utilisez une mise en page réactive, qui change en fonction de la taille et des capacités de l’appareil de l’utilisateur. Sur mobile, les utilisateurs sont à l’aise avec un défilement vertical alors, évitez les éléments de grande taille et de largeur fixe.

Gardez vos prospects dans une seule fenêtre de navigation. À cet effet, oubliez les appels à l’action qui lancent de nouvelles fenêtres ! L’objectif est de conserver les utilisateurs sur votre site… jusqu’à la conversion.

Enfin, facilitez le retour à la page d’accueil avec un simple clic sur le logo de l’entreprise.

En suivant ces conseils, vous offrez une navigation fluide à vos visiteurs. Gardez toujours en tête votre objectif de conversion et voyez comment améliorer l’expérience de vos utilisateurs.

CSS : 4 moyens de retirer du code inutile

Ce n’est un secret pour personne : les sites web allégés s’affichent plus vite que les sites surchargés.

Ne laissez pas de CSS inutile alourdir vos projets Web ; il existe une panoplie d’outils pour vous aider à supprimer les CSS orphelins et ainsi améliorer la performance globale de votre site Web.

Qu’est-ce qu’un CSS inutilisé ?

Quel que soit votre niveau d’expérience en tant que développeur, il y a de fortes chances que votre site Web contienne des CSS n’ayant aucun impact sur les éléments de page actuels. Par exemple, les frameworks comme Bootstrap sont livrés avec des dizaines de styles CSS dont vous n’avez probablement pas besoin. Si vous avez ajouté une fonctionnalité au cours du développement et que vous l’avez supprimée par la suite, il se peut qu’il y ait encore des règles associées à cette fonctionnalité dans vos feuilles de style. Garder ces CSS ne fait qu’ajouter du poids à vos pages, pour rien.

Pourquoi c’est important ?

Puisque le CSS définit comment le contenu d’un document HTML est affiché, le navigateur de l’utilisateur doit télécharger et analyser tous les fichiers CSS externes avant de pouvoir commencer le rendu du contenu. Par conséquent, plus une page Web contient de CSS, plus les utilisateurs doivent attendre longtemps pour voir quoi que ce soit sur leur écran. L’intégration de petites feuilles de style CSS directement dans votre fichier HTML et la minimisation de vos feuilles de style externes peuvent aider à optimiser le temps de chargement, mais la suppression de ces CSS est une stratégie bien plus efficace pour améliorer la performance globale du site. La combinaison de ces méthodes garantit que les utilisateurs voient le contenu aussi rapidement que leur connexion le permet. En plus de ralentir votre site Web, l’excès de CSS peut causer des maux de tête aux développeurs.

Comment faire pour supprimer le CSS orphelin

Première option : supprimer à la main

Si vous utilisez Chrome, l’onglet DevTools possède un outil pratique qui vous permet de voir quel code est exécuté sur une page sur ce qui ne l’est pas. Pour accéder à cet outil, suivez les étapes ci-dessous :

  • Ouvrir Chrome DevTools
  • Ouvrir le menu de commande avec : cmd + shift + p (ou ctrl + maj + p)
  • Taper « Coverage » et cliquez sur l’option « Instrument coverage ».
  • Sélectionner un fichier CSS dans l’onglet Sources.

Tout CSS qui se trouve à côté d’une ligne verte continue signifie que le code a été exécuté. Une ligne rouge signifie qu’il n’a pas été exécuté. Une ligne de code qui est à la fois rouge et verte, signifie que seule une partie du code sur cette ligne est exécutée.

CSS orphelin

Attention, ce n’est pas parce qu’un style n’est pas utilisé sur une page qu’il ne l’est pas ailleurs, donc vous devrez vérifier plusieurs pages de votre site et garder l’œil sur les règles qui continuent à apparaître sur la liste rouge. Vous pouvez le faire en copiant et en enregistrant les résultats de chaque audit dans un document Google Sheets. Les lignes qui apparaissent le plus souvent peuvent probablement être enlevées en toute sécurité.

La plupart des développeurs ont mieux à faire que de supprimer les règles CSS inutilisées une par une. C’est pourquoi il existe une variété d’outils conçus pour automatiser le processus.

Seconde option : supprimer avec des outils

Voici un aperçu des outils les plus populaires conçus pour aider les développeurs Web à supprimer les CSS inutilisés de leurs projets Web :

1. UnusedCSS

Le nom simple est indicatif de la convivialité de ce programme. Il suffit de mettre l’URL de votre site Web dans UnusedCSS et de le laisser faire tout le travail. En plus d’identifier et de supprimer les règles CSS inutilisées, il vous indique combien de mémoire vous avez économisée. Vous pouvez essayer gratuitement UnusedCSS, mais vous devez payer un abonnement mensuel pour télécharger vos fichiers CSS nettoyés. Les membres Premium peuvent programmer des optimisations CSS automatiques et avoir accès à d’autres fonctionnalités ; il est à noter qu’UnusedCSS ne fonctionne qu’avec des sites Web live, donc ce n’est pas utile pendant une phase de test.

2. PurifyCSS

PurifyCSS est un outil gratuit qui supprime les CSS inutilisés de vos fichiers HTML, PHP, JavaScript et CSS avant leur mise en ligne. Par contre, vous devez spécifier manuellement les fichiers à analyser un par un, ce qui rend le processus quelque peu fastidieux. Plutôt que de modifier vos fichiers originaux, PurifyCSS génère un nouveau fichier avec le CSS optimisé. Comme cet outil ne fonctionne pas avec les sites Web live, vous devrez l’utiliser dans un environnement de développement.

3. PurgeCSS

PurgeCSS a été inspiré par PurifyCSS, mais son utilisation est un peu plus simple et intuitive. Il fonctionne en comparant votre contenu à vos fichiers CSS et en supprimant les sélecteurs qui n’ont pas de correspondance. Le seul inconvénient est que vous devez manuellement whitelister les CSS ne se trouvant pas dans les chemins spécifiés : un vrai casse-tête si votre site Web utilise certains plugins.

Vous n’avez plus aucune excuse de ne pas alléger vos feuilles de style ! Et si vous souhaitez optimiser davantage votre site web vous pourrez trouver le professionnel qu’il vous faut sur duoexpertise.com.