Critical Path CSS generator compared with Penthouse and WP Rocket| 중요 경로 CSS 생성기 | Penthouse | WP Rocket |
|---|
| Form and use: This is an online generator from Core Web Vitals. You enter a URL, set mobile and desktop viewport sizes, and receive critical CSS to paste into a style tag in the head just below the title. It also gives three methods to defer the original stylesheets. | Form and use: Penthouse is a Node library described as the original critical path CSS generator. You call it with a URL and a CSS string or file and it returns the critical CSS. Options include viewport width and height (defaults 1300 by 900), forceInclude, forceExclude and a timeout. | Form and use: This is a paid WordPress caching plugin. Remove Unused CSS is switched on under File Optimization, Optimize CSS delivery, and the plugin inserts the generated CSS itself. |
| How the CSS is produced: The tool loads the page in a Chrome-based browser on a custom Node platform, checks several viewports, finds the stylesheet parts that render the visible area, then cleans and minifies them. | How the CSS is produced: It drives headless Chromium through Puppeteer, and several jobs can share one browser instance. | How the CSS is produced: WP Rocket sends the page URL to an external API that visits the page and builds the used CSS. The result is stored as a gzipped file and inserted in a style element with the id wpr-usedcss after the title tag. It is regenerated every 30 days. |
| Automation and upkeep: The output is pasted by hand. The tool is in beta, and the page suggests trying again after 5 minutes if it fails. | Automation and upkeep: You script it yourself, for example in a build step, and write the result to a file. | Automation and upkeep: Generation starts when a non-cached page is visited. Failed attempts are retried up to 5 times with increasing waits. |
| Requirements: Node.js with npm or yarn and headless Chrome through Puppeteer. On Linux some system libraries such as libnss3 may need installing. | Requirements: A publicly accessible site, working WP-Cron and a server or firewall that allows the plugin bot user agents. It does not work behind htaccess authentication, and Cloudflare Bot Fight Mode must be disabled. |
| 라이선스 및 비용: The page calls it a free online tool and lists no usage caps. | 라이선스 및 비용: The code is under the MIT licence. | 라이선스 및 비용: Paid plans are annual and scale with the number of sites (1, 3 or 50). The 14-day trial is charged automatically at its end unless cancelled. |
