Pré-carregamento de imagem com CSS

Este é um antigo do CSS Ninja, é um que pareço usar um pouco.

pré-carregando imagens

A propriedade de conteúdo CSS em conjunto com os pseudo-elementos <i>: before </i> e <i>: after </i> nos permite gerar conteúdo em um documento.

Não poderia ser muito mais simples. Basta adicionar o seguinte css, com suas referências às imagens para pré-carregar.

body:after
{
  content: url(img01.jpg) 
    url(img02.jpg) 
    url(img03.jpg);
  display: none;
}

<b> Suporte para navegador </b>

IE8 +
FF2 +
Safari 3+
Chrome 1+
Opera 9.62+