Sprites - Dúvidas | Performance Web I: otimizando o front-end

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

por Bruno Giorgione

| 167.2k xp | 134 posts

Analista Desenvolvedor ASP.NET C#

Boa noite,

Achei bem interessante o conceito de Sprite, porém fiquei com duas dúvidas:

1 - Posso ter sprites de outros formatos? Exemplo icones em SVG.

2 - No exemplo é aplicado via background a imagem diferenciais.png no before do elemento com a classse:

home-diferenciais-icone

Á duvida é: Se existir mais de um elemento na página com essa mesma classe, será carregados duas vezes a imagem diferenciais.png, ou uma vez carregado a imagem, em outros lugares da página será reparoveitado a mesma imagem?

Obrigado

1 resposta

solução!

por Wanderson Macêdo

| 3960.2k xp | 8086 posts

Instrutor Desenvolvedor

27/09/2017

Oi Bruno, tudo bem? Vou deixar minha contribuição para sua pergunta qui, alguém mais pode eventualmente responder também, vamos lá:

1 - É possivel sim em outros formatos, depende, mas no geral, em svg, acredito que algo comum seja embedar o código do svg direto no HTML através de algum builder, como o gulp por exemplo.

2 - Se eu não estiver enganado, o request será feito duas vezes, mas o segundo será carregado direto do cache do navegador. Posso estar enganado sobre o request, mas o reaproveitamento é feito sim até onde sei :)

Abraço