JavaScript legado

Publicado em 29 de abril de 2026

Os polyfills e as transformações permitem usar recursos que podem não ser de referência, também conhecidos como recursos de disponibilidade limitada. A referência não impede o uso de recursos de disponibilidade limitada, mas os recursos que são de referência recém-disponíveis ou amplamente disponíveis podem ser usados sem eles. A auditoria de JavaScript legado informa onde há oportunidades de melhorar a performance adotando recursos de referência.

Considere modificar seu processo de build do JavaScript para não transpilar os recursos de Baseline, a menos que você precise da compatibilidade com navegadores mais antigos.

Como passar nesse insight

Esse insight falha se mais de 5 KiB de polyfills ou transformações forem detectados para recursos JavaScript que são amplamente compatíveis de acordo com a referência. Para transmitir esse insight, provavelmente será necessário configurar o conjunto de ferramentas do bundler para evitar determinadas armadilhas.

Usar ES6 na produção

O ES6 tem suporte amplo em todos os navegadores. Se você estiver usando uma combinação de um bundler de módulos e um transpilador JavaScript, como o Babel e o preset @babel/preset-env. A grande maioria dos sites não precisa oferecer suporte a navegadores mais antigos, somente ES5.

Uma ferramenta comum usada com bundlers e Babel é o Browserslist, que aceita várias consultas especificadas em linguagem natural, que são traduzidas para uma lista de ambientes de navegador segmentados. Por exemplo, é possível segmentar recursos de referência amplamente disponíveis com essa consulta do Browserslist em qualquer lugar em que uma configuração do Browserslist possa ser encontrada:

baseline widely available

A referência amplamente disponível é um padrão sugerido para novos projetos da Web. No entanto, como sempre, avalie os navegadores usados para acessar seu site. Uma dessas ferramentas é o verificador de referência do Google Analytics.

Outras referências