Acima, falei sobre como o HTML tem funcionalidades embutidas que você pode aproveitar para economizar contando com soluções que são “caseiras” e, portanto, requerem mais código (e processamento no lado do navegador) para implementar. Aqui falarei sobre alguns exemplos em que o CSS pode fazer o mesmo por você.
Freqüentemente, você encontra páginas que usam imagens semelhantes em toda a página em vários lugares. Por exemplo, variações de um logotipo em cores diferentes ou setas que apontam em ambas as direções. Como ativos exclusivos (por mais semelhantes que sejam), cada um deles precisa ser baixado separadamente.
Voltando à minha busca por ingressos de cinema acima, onde eu estava olhando esta página , podemos ver um carrossel que tem setas para a esquerda e para a direita:
De forma semelhante à lógica usada acima, embora esses arquivos de imagem sejam pequenos, eles ainda requerem uma viagem de ida e volta para serem buscados no servidor.