Progressive enhancement – the fancy term to describe a process for developing modern websites and web apps.
I’ll try to explain it how I understand it. So hopefully, next time you see it you’ll know what I’m talking about.
Progressive enhancement is a strategy for web development when you put a focus on core content first. Then you progressively add more features and visuals on top of the content or utilize modern technologies if a user’s browser supports it.
#Progressive Enhancement and Web Performance
When it comes to web performance, progressive enhancement means prioritizing visible content by loading it as fast as possible and defer loading the rest of the content.
It can be done by removing all render-blocking resources to load “critical” content first and then finish loading the rest of the page.
Another example is only loading images above the fold and the rest when they come into a viewport. This is also called lazy-loading.
As new technologies emerge, new techniques will follow, but the principle of progressive enhancement for web performance will stay the same – load visible content ASAP.