← Tous les articles

Tutoriels

Ajustements LinkedIn — un fil plus calme avec CSS et JS

18 mai 2026 · par JustZix Team

LinkedIn peut être utile, mais son fil est densément rempli de posts sponsorisés, de modules « Connaissances que vous pourriez avoir », d'un rail d'actualités et de compteurs de réactions qui tirent tous votre attention sur le côté. Ce guide montre comment désencombrer linkedin.com avec quelques règles CSS et JS dans JustZix — masquez ce que vous ne lisez jamais et gardez juste le flux de contenu des personnes que vous suivez.

Pourquoi élaguer LinkedIn

Le fil LinkedIn mélange plusieurs types de contenu : des posts de personnes que vous suivez, des posts « sponsorisés » (publicités), des suggestions de mentions « j'aime », des suggestions d'abonnement et un carrousel d'actualités dans la colonne de droite. Pour l'algorithme tout cela est de « l'engagement » ; pour vous c'est du bruit. JustZix s'exécute localement dans l'onglet : une règle CSS masque un élément, une règle JS peut le retirer du DOM ou en atténuer les couleurs. Rien ne quitte votre navigateur, et chaque changement est épinglé à linkedin.com et basculé d'un clic.

Masquer les posts sponsorisés et promus

Les publicités dans le fil LinkedIn sont étiquetées « Sponsorisé » (ou « Promu » dans certaines langues). Le conteneur du post lui-même n'a pas de classe stable, mais l'élément qui porte ce texte peut être ciblé. La tentative la plus simple en CSS pur s'appuie sur des attributs auxiliaires :

/* Atténuer les conteneurs signalés comme publicité */
.feed-shared-update-v2:has(.update-components-actor__description) {
  /* sélecteur auxiliaire seulement — voir la règle JS ci-dessous */
}

/* Estomper l'étiquette « Sponsorisé » visible une fois qu'on sait que c'est une pub */
span.update-components-actor__description {
  opacity: 0.55 !important;
}

Le CSS ne peut pas cibler un élément par son texte, donc la voie fiable est une courte règle JS qui parcourt le fil et masque le post entier contenant l'étiquette publicitaire :

// Masquer les posts « Promu » / « Sponsorisé » dans le fil
function hideSponsored() {
  const labels = document.querySelectorAll(
    '.update-components-actor__description, .update-components-text'
  );
  labels.forEach(el => {
    const t = (el.textContent || '').trim().toLowerCase();
    if (t === 'promoted' || t === 'sponsored') {
      const post = el.closest('.feed-shared-update-v2, div[data-id]');
      if (post) post.style.display = 'none';
    }
  });
}
hideSponsored();
// Le fil se charge paresseusement au défilement — surveiller les changements
new MutationObserver(hideSponsored).observe(
  document.body, { childList: true, subtree: true }
);

Couper les modules « Connaissances que vous pourriez avoir » et « Ajouter à votre fil »

Entre les posts ordinaires LinkedIn insère des cartes de suggestions d'abonnement et de mentions « j'aime ». Ce n'est pas du contenu — ce sont des incitations au clic. Vous pouvez les masquer avec une règle CSS qui cible les composants de suggestion :

/* Cartes « Connaissances » et « Ajouter à votre fil » */
.discover-entity-type-card,
.feed-follows-module,
section.artdeco-card:has(.discover-cohort-card),
.update-components-header:has(span[aria-label*="suggested"]) {
  display: none !important;
}

/* Incitation à s'abonner intégrée dans un post */
.feed-shared-actor__follow-button {
  display: none !important;
}

Masquer le rail d'actualités à droite

La colonne de droite (« LinkedIn Actualités », « Ajouter à votre fil », tendances) prend une largeur fixe et n'apporte rien à la lecture. La masquer élargit le flux principal :

/* Masquer le rail droit et élargir le fil */
aside.scaffold-layout__aside,
.news-module,
.feed-news-module {
  display: none !important;
}

/* Laisser la colonne principale prendre l'espace libéré */
.scaffold-layout__row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) !important;
}

Mode focus — les posts seulement

Quand vous voulez parcourir le fil sans distractions, une seule règle peut masquer la colonne de profil de gauche, le rail droit et le compteur de réactions sous chaque post :

/* Mode focus : le flux de posts seulement */
aside.scaffold-layout__aside,
.scaffold-layout__sidebar,
.social-details-social-counts {
  display: none !important;
}

/* Masquer les compteurs de réactions et de commentaires */
.social-details-social-counts__count-value,
.social-details-social-counts__reactions-count {
  display: none !important;
}

Atténuer les distractions en niveaux de gris

Si vous préférez ne pas retirer d'éléments mais seulement les atténuer, une règle JS peut désaturer les notifications et la bannière sponsorisée tout en laissant la couleur là où vous lisez :

// Atténuer les distractions au lieu de les retirer
const muted = document.querySelectorAll(
  '.feed-news-module, .discover-entity-type-card, .ad-banner-container'
);
muted.forEach(el => {
  el.style.filter = 'grayscale(1)';
  el.style.opacity = '0.6';
});

Construisez votre propre ensemble

Gardez ces ajustements comme des règles distinctes et nommées — « LinkedIn : sans pubs », « LinkedIn : sans suggestions », « LinkedIn : mode focus » — chacune épinglée à linkedin.com. Ensuite, un seul clic adapte le fil à la façon dont vous voulez l'utiliser sur le moment.

Des règles prêtes à l'emploi pour LinkedIn sont dans le catalogue — voyez les exemples pour linkedin.com et copiez ce qui convient. Installez JustZix et apaisez votre fil dès aujourd'hui.