One of the biggest problems I run into with Web Components is how to share common CSS styles between them. I understand that goes against the idea that each web component should be encapsulated, but sometimes this is desirable.
Say you have a component library where each component depends on a base set of styles and you don't want to load duplicate styles for each component.
There are plenty of use cases so I'm sure it varies.
For example, I often have my browser on the left side and my editor on the right. With only 50% of the width, I sometimes prefer to reclaim the horizontal space and switch back to horizontal tabs.
Is there an equivalent article for "what happens when you load a website?"? If it's written anything like this one, it'd be super helpful and I'd love to read it!
What makes it fast?