web-dev-qa-db-fra.com

Comment W3 Total Cache charge-t-il les images dans une feuille de style via CDN?

W3 Total Cache utilise toutes les astuces de l'API PHP/WordPress afin de s'assurer que tout le contenu statique (CSS, JS, Images, etc.) est fourni à partir de l'URL du CDN.

Mais comment s'assurer que même les images référencées dans mon fichier CSS/stylesheet sont également fournies à partir de l'URL du CDN? J'ai vérifié mon fichier CSS, le chemin d'accès aux images n'a pas changé.

C'est bizarre comment W3TC fait ça. Est-ce que quelqu'un sait?

cssplugin-w3-total-cachecdn
1
its_me

Ok, la réponse est assez évidente. Laissez-moi vous expliquer par exemple:

  1. W3 Total Cache s’assure que tous les contenus statiques primaires d’une page Web (c’est-à-dire ceux qui sont directement référencés dans la source de la page Web) sont chargés via l’URL du CDN.

  2. Ainsi, disons, W3TC sert la feuille de style du blog à partir de cdn.example.com/wp-content/themes/MY-THEME/style.css et la feuille de style contient ce morceau de code:

    .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;
}

Depuis le fichier CSS a des références relatives aux emplacements des images. Ainsi, le navigateur les sert simplement à partir du même domaine que celui sur lequel la feuille de style est servie . Comment ai-je oublié cette chose simple?!

0
its_me