web-dev-qa-db-ja.com

W3 Total CacheはCDN経由でスタイルシートの画像をどこのようにロードしますか?

W3 Total Cacheは、すべての静的コンテンツ(CSS、JS、画像など)がCDN URLから提供されるように、手元にあるすべてのPHP// WordPress APIトリックを使用します。

しかし、私のCSS /スタイルシートファイルで参照されている画像でさえもCDN URLから提供されていることをどのように確認するのでしょうか。 CSSファイルを確認しましたが、画像へのパスは変更されていません。

W3TCがどのようにしてそれをするのかは奇妙です。誰か知っている?

1
its_me

さて、答えはかなり明白です。例を挙げて説明しましょう。

  1. W3 Total Cacheは、Webページ上のすべての主要な静的コンテンツ(つまり、Webページのソースで直接参照されているコンテンツ)がCDN URLを介してロードされるようにします。

  2. W3TCがcdn.example.com/wp-content/themes/MY-THEME/style.cssのブログのスタイルシートを提供し、そのスタイルシートに次のコードが含まれているとしましょう。

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

CSSファイルは画像の位置への相対参照を持っているので。そのため、ブラウザは単にスタイルシートが提供されているドメインと同じドメインからそれらを提供します。この単純なことをどうやって忘れましたか。

0
its_me