Référence rapide

Aide-mémoire Alternatives à Polyfill.io et Détection de Fonctionnalités

Guide de référence pour le chargement de polyfills : alerte de sécurité sur l’attaque supply-chain de polyfill.io, remplacement via cdnjs Cloudflare et chargement conditionnel.

· Publié le

[!CAUTION] Avertissement critique sur la chaîne logistique : Le domaine historique polyfill.io a été racheté par un tiers et utilisé pour injecter des malwares. Supprimez immédiatement toute référence à polyfill.io de vos bases de code en production.

Alternative sécurisée Cloudflare CDN

Cloudflare et cdnjs hébergent un miroir isolé et vérifié de la bibliothèque polyfill compatible en remplacement direct :

<!-- Remplacement direct sécurisé fourni par Cloudflare -->
<script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js"></script>

Chargement conditionnel de fonctionnalités

Pour éviter de charger des polyfills sur les navigateurs modernes prenant déjà en charge ES6+, testez les API avant d’injecter une balise script :

<script>
  if (!(window.Promise && [].includes && Object.assign && window.Map)) {
    var script = document.createElement('script');
    script.src = 'https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js';
    document.head.appendChild(script);
  }
</script>

Approche moderne recommandée : Core-JS & Bundlers

Le développement frontend moderne regroupe les polyfills à la compilation (via Vite, Webpack ou Babel) au lieu de charger des scripts externes à l’exécution :

npm install core-js

Dans le point d’entrée de votre application (index.js) :

import 'core-js/stable';

Références

Sujets associés