Riferimento rapido

Cheatsheet Alternative a Polyfill.io e Feature Detection

Guida di riferimento per il caricamento dei polyfill: avviso di sicurezza sull’attacco supply chain di polyfill.io, sostituzione tramite Cloudflare cdnjs e caricamento condizionale.

· Pubblicato

[!CAUTION] Avviso critico sulla supply chain: Il dominio originale polyfill.io è stato acquisito da terzi e utilizzato attivamente per iniettare malware. Rimuovi immediatamente ogni riferimento a polyfill.io da tutti i codebase in produzione.

Alternativa Sicura Cloudflare CDN

Cloudflare e cdnjs ospitano un mirror isolato e verificato della libreria polyfill come sostituzione immediata:

<!-- Sostituto diretto sicuro fornito da Cloudflare -->
<script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js"></script>

Caricamento Condizionale delle Funzionalità

Per evitare di caricare polyfill sui browser moderni che supportano già nativamente le API ES6+, usa la feature detection inline prima di iniettare tag 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>

Approccio Moderno Consigliato: Core-JS e Bundler

Lo sviluppo frontend moderno integra i polyfill in fase di build (tramite Vite, Webpack o Babel) anziché caricare script esterni a runtime:

npm install core-js

Nel punto di ingresso dell’app (index.js):

import 'core-js/stable';

Riferimenti

Argomenti correlati