Aumente o desempenho da web com o carregamento lento nativo de vídeo e áudio do Google Chrome.

Aumente o desempenho da web com o carregamento lento nativo de vídeo e áudio do Google Chrome.

Em breve, haverá suporte nativo para carregamento lento (lazy loading) nos navegadores Google Chrome e Chromium.

O Google Chrome, juntamente com outros navegadores baseados no Chromium, como o Edge e o Vivaldi, está prestes a introduzir suporte nativo para carregamento lento de conteúdo de vídeo e áudio. Essa melhoria proposta é de Helmut Januschka, um desenvolvedor independente com um histórico de contribuições para o projeto Chromium.

Entendendo o carregamento lento

O conceito de carregamento lento (lazy loading) existe no Chrome há vários anos, inicialmente limitado a imagens e iframes. A nova proposta busca estender essa funcionalidade a arquivos de vídeo e áudio, o que promete aumentar significativamente a velocidade de carregamento das páginas, principalmente em sites com grande quantidade de conteúdo multimídia.

Carregamento lento automático do Chromium

Como funciona o carregamento lento (lazy loading).

O carregamento lento (lazy loading) otimiza o desempenho da web, garantindo que os arquivos de mídia não sejam totalmente carregados até que sejam necessários. Por exemplo, em uma experiência de navegação típica, vídeos e imagens são carregados somente quando se tornam visíveis na área visível da tela — seja por meio de rolagem direta ou navegação. Sem esse recurso, navegadores como o Chrome podem carregar esses elementos de mídia prematuramente, resultando em um desempenho mais lento do site.

Práticas e limitações atuais

Muitos sites utilizam JavaScript para implementar o carregamento lento de áudio e vídeo, mas esse método não é o mais eficiente. Como observou o desenvolvedor Helmut Januschka, “Sem suporte nativo, os desenvolvedores precisam implementar soluções personalizadas em JavaScript usando o Intersection Observer para detectar quando os elementos de mídia entram na área visível da tela”.Essa dependência do JavaScript não só introduz possíveis erros, como também complica o gerenciamento de recursos e não aproveita de forma eficaz os recursos de pré-carregamento do navegador.

Integração Nativa Proposta

Januschka recomenda a integração de um atributo nativo de carregamento lento diretamente no HTML, como `<lazy loading>` loading="lazy", para facilitar um melhor gerenciamento de recursos. Uma vez implementado, isso permitirá que o navegador lide de forma eficiente com o carregamento de arquivos de mídia, melhorando o desempenho e reduzindo o uso desnecessário de dados.”O carregamento lento nativo permite que o navegador otimize o carregamento de recursos com base em limites que levam em consideração a rede”, enfatizou Januschka.

Progresso e implementações futuras

Conforme relatado pelo Windows Latest, os estágios iniciais desse recurso começaram em janeiro com uma implementação para imagens e iframes, seguida por sua progressão ao longo do processo de desenvolvimento. Uma nova atualização indicou que esse recurso está próximo de ser lançado na versão estável do Chrome 148, sugerindo uma chegada oportuna para os usuários que desejam melhorias de desempenho.

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *