Como o W3 Total Cache carrega imagens no Stylesheet via CDN?

W3 Total Cache usa todos os truques da API PHP / WordPress em mãos para garantir que todo o conteúdo estático (CSS, JS, Imagens, etc.) seja veiculado a partir do URL do CDN.

Mas como se certifica de que mesmo as imagens mencionadas no meu arquivo CSS / stylesheet também são atendidas pelo URL do CDN? Eu verifiquei meu arquivo CSS, o caminho para as imagens não mudou.

É estranho como o W3TC faz isso. Alguém sabe?

Solutions Collecting From Web of "Como o W3 Total Cache carrega imagens no Stylesheet via CDN?"

Ok, a resposta é bastante óbvia. Deixe-me explicar com o exemplo:

  1. W3 Total Cache garante que todos os conteúdos estáticos primários em uma página da Web (ou seja, aqueles diretamente referenciados na fonte da página da Web) são carregados através do URL do CDN.

  2. Então, digamos, o W3TC serve a folha de estilo do blog de cdn.example.com/wp-content/themes/MY-THEME/style.css e a folha de estilos contém esse código:

     .expand-down { padding-left: 14px; background: url(/wp-content/themes/v7/img/right_arrow.png) left center no-repeat; } #twitter_bird { background: url(../themes/v7/img/tech-innovators/twitter_bird.png) no-repeat scroll left top transparent; width: 34px; float: left; height: 24px; margin: 9px 0 0 7px; display: block; } 

Uma vez que o arquivo CSS tem referências relativas às localizações das imagens. Assim, o navegador simplesmente os serve do mesmo domínio que o domínio do qual a folha de estilo é servida . Como eu esqueci essa coisa simples ?!