How does W3 Total Cache Load Images In Stylesheet via CDN? [closed]

Okay, the answer is pretty obvious. Let me explain by example:

  1. W3 Total Cache makes sure that all the primary static contents on a web page (i.e. ones directly referenced in the source of the web page) are loaded via the CDN URL.

  2. So, lets say, W3TC serves the blog’s stylesheet from cdn.example.com/wp-content/themes/MY-THEME/style.css and the stylesheet contains this piece of 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;
}

Since the CSS file has relative references to images’ locations. So, the browser simply serves them from the same domain as the domain the one the stylesheet is served from. How did I forget this simple thing?!

Related Posts:

  1. Can’t get rid of minify after uninstalling W3 Total Cache [closed]
  2. W3TotalCache and Javascript — what should go where, when?
  3. Css style removed but still showing via CDN even after clearing browser cache and purging all caches for site
  4. How to insert spaces/tabs in text using HTML/CSS
  5. How to change btn color in Bootstrap
  6. Failed to decode downloaded font, OTS parsing error: invalid version tag + rails 4
  7. How to make the HTML link activated by clicking on the
  8. ?
  9. How do I right align div elements?
  10. How would you make two
  11. CSS text-align not working
  12. How can I insert vertical blank space into an html document?
  13. What is the difference between “screen” and “only screen” in media queries?
  14. How to have an anim gif on a link and play it on hover and reset
  15. How can I make Bootstrap columns all the same height?
  16. Align text to the bottom of a div
  17. How to make a