: What is the advantage to hosting static resources on a separate domain? I notice a lot of sites host their resources on a separate domain from the main site, e.g. StackExchange using sstatic.net,

@Hamm4606531

The main reason are cookies. What Niels suggested in his answer is only a minor consequence, and not the real reason. Without cookies, the request size is smaller, so it is saving some bandwidth.

However, the real difference comes from browser cache. Since content is static (i.e. does not change), browsers can cache it on local hard disk and avoid loading the file from Internet each time. Instead of whole file, the web server just sends a 304 reply, meaning that content has not changed.

When site uses cookies, browsers consider that content of the file might be different for different users, so they do not cache those files. Serving the file from cookie-less domain ensures that browser caching works properly.

This is the main reason as it improves loading times and reduces bandwidth significantly.

Vote Up Vote Down

@Miguel251

Many sites have quite a lot of cookies set, these cookies have the purpose of supporting some kind of state.

By putting the static (stateless) resources on a completely different domain you can reduce the size of the http requests. In some cases there are so many cookie that a single http request takes two TCP packets to be transmitted. So having a separate domain is one of the ways to reduce the number of packets to request the various parts of a page.

Other methods with the same goal are merging a lot of images into a single sprite and merging all Javascript into a single file.

Vote Up Vote Down

@Miguel251

Older browsers are restricted to just two parallel downloads per hostname.

Splitting a web page's elements across multiple domains is called domain sharding. Doing this allows more resources to be downloaded in parallel, reducing the overall page load times.

The optimal number of domains to shard across is 2-4. After 4 domains, response time degrades.

Vote Up Vote Down

@Tiffany637

Lèse majesté covered the main points, but to expand further I'd add that having a single domain for all the various Stack Exchange sites means that someone browsing them will only download static content such as JavaScripts once. Going to Superuser, for example, a user will use the cached content since it is from the same place.

There's some more useful info on Yahoo and Google about this.

Vote Up Vote Down

@Ogunnowo487

Aside from use of CDNs, using separate domains for static data also means:


You can use a lightweight web server that doesn't have to load all the modules/extensions that your dynamic content web server has to load on every single request. Not having to scan each directory in the URI path to read .htaccess files also increases the number of simultaneous requests the server can handle.
Adding an extra subdomain means you increase the number of parallel downloads that the browser can perform.
If set up properly (e.g. your site is hosted on example.com instead of example.com), you can also take advantage of a cookieless subdomain, reducing traffic and roundtrip times.


The only downside is, if you're using SSL sessions, you need a signed certificate and separate static IP for the additional domain(s). But the benefits outweigh this minor inconvenience in most cases.

Edit:

Sorry, I misread your question. If you're asking why some people use separate SLDs, that would be answered by the parenthesis on #3 . It's also explained on sstatic.net:


If your domain is example.org, you can host your static components
on static.example.org. However, if you've already set cookies on the
top-level domain example.org as opposed to example.org, then all
the requests to static.example.org will include those cookies. In this
case, you can buy a whole new domain, host your static components
there, and keep this domain cookie-free. Yahoo! uses yimg.com, YouTube
uses ytimg.com, Amazon uses images-amazon.com and so on.


But incarnate also mentions a good point about using a separate generic SLD instead of a subdomain of an existing SLD when you're running a large network of sites that share certain assets.

Lastly, as Niels Basjes points out, part of the reason for eliminating cookies is to minimize the number of packets used to perform a request. I think the YSlow guidelines state that most networks have a max packet size of 1500 bytes, so keeping it under 1500 bytes would reduce TCP overhead. This also demonstrates another advantage of using sstatic.net instead of static.webmasters.stackexchange.com.

Vote Up Vote Down