How DCB Works on This Page
When you load this page, the following happens:
- site-a.css is loaded normally for rendering this page
- The server sends
Use-As-Dictionaryheader with site-a.css, registering it as a dictionary - full.css is preloaded in the background and also registered as a dictionary
- When you navigate to Site B, the browser can use these dictionaries for efficient loading
Features
Fast Loading
Compression dictionaries reduce CSS transfer size significantly.
Shared Styles
Common CSS is shared between sites via dictionary compression.
Delta Updates
Only the differences need to be transferred between pages.
~70%
CSS Overlap
~50%
Size Reduction
2
Sites Covered
1
Dictionary
What People Say
DCB technology has revolutionized how we think about CSS delivery. The bandwidth savings are incredible!
Being able to use existing CSS as a dictionary for new resources is a game-changer for multi-site architectures.
Dictionary Loading Progress
site-a.css (loaded)
Complete
full.css (preloading)
Dictionary
Ready to See Site B?
Navigate to Site B to see how the dictionary compression works in action.
Go to Site B