Above-the-fold Packages

Puppeteer script to inline above-the-fold CSS for a webpage.

Extract "above the fold styles" which are wrapped in CSS comments.

📐 Style.Tools CMS Connect client.

Build critical path css asynchronously on demand

Build critical path css asynchronously on demand

Use Chrome headless screenshots for comparing the initial rendering

atf (above-the-fold) prints out above-the-fold css for whatever site you want.

PhantomJS script to inline above-the-fold CSS for a webpage.

📐 Style.Tools CMS Connect client.

Delay loading and rendering until the user interacts with the page

Generate critical CSS path from HTML pages to enable instantaneous rendering