Skip to content

Torna carregamento de imagens "lazy" com extensão do asciidoctor (extensão asciidoctor) - #29

Closed
arturo32 wants to merge 1 commit into
pythonfluente:mainfrom
arturo32:addLazyLoadingImagesExtension
Closed

arturo32 wants to merge 1 commit into
pythonfluente:mainfrom
arturo32:addLazyLoadingImagesExtension

Conversation

@arturo32

@arturo32 arturo32 commented Apr 22, 2023 •

Copy link
Copy Markdown
Contributor

Relacionado a issue #1:
Cria extensão de pós-processamento do asciidoctor que, por meio de regex, adiciona a string loading="lazy" a cada tag <img> logo após a geração do arquivo HTML.

A extensão é adicionado junto ao comando de geração do arquivo HTML em build.sh.

Para que o lazy loading funcione é necessário que as imagens tenham suas origens definidas por links/caminhos. Logo o atributo global :data:uri: teve que ser removido do arquivo livro.adoc.

Vale notar que eu não tive experiência com a linguagem ruby anteriormente. Aprendi o básico da linguagem no rápido tutorial oficial da linguagem e em outras fontes.

Isso é feito criando uma extensão de pós-processamento do asciidoctor que
adiciona, com regex, a string 'loading="lazy"' para cada elemento "img"
no final do processamento do arquivo HTML de saída.
@ramalho

ramalho commented May 19, 2025

Copy link
Copy Markdown
Contributor

Caro @arturo32: muito grato por essas contribuições. Depois que pedi ajuda com essa questão de carregamento "lazy" das imagens, decidi que ter as imagens embutidas no HTML é a melhor solução, para que as pessoas possam baixar somente um arquivo .html com todo o conteúdo do livro. Novamente, agradeço pela sua contribuição!

@ramalho ramalho closed this May 19, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants