lundi 13 février 2017

Critical CSS for multiple pages and breakpoints

I have a CSS file that I need to optimize for loading. It's big with many different components that are used on many different pages (start page, category pages, detail pages) on different breakpoints (mobile, table, desktop), thus manual optimization is complicated. At least extracting the most important parts would help load times (as it's blocking rendering) - the current big file can be loaded async.

What I've tried is using the various critical css extractors and uncss. But all of them can only extract the CSS for one page in one breakpoint.

Is there any tool that I've missed? I'm looking for something that can do

magic-used-css-extractor 400px,1024px,2048px http://example.com/ http://ift.tt/2lAizOn http://ift.tt/2lFKbOj http://ift.tt/2lAfj5Q http://ift.tt/2lFDhIU

and returns a CSS that matches the used CSS on all of these pages. Or a tool that can merge a couple of critical CSS in correct order with at-rules.

Aucun commentaire:

Enregistrer un commentaire