manifest / performance / wp-critical-css-aws-lambda
AWS Lambda Critical CSS
Generates critical stylesheets for templates via AWS Lambda
by Innocode · github.com/wp-digital/wp-critical-css-aws-lambda
★ 5stars
1forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/wp-digital/wp-critical-css-aws-lambda/archive/refs/heads/master.zipFrom the readme
AWS Lambda Critical CSS
Description
Generates critical stylesheets for templates via AWS Lambda.
See also AWS Lambda Critical CSS.
Install
- Preferable way is to use Composer:
By default, it will be installed as Must Use Plugin.
It's possible to control with extra.installer-paths in composer.json.
- Alternate way is to clone this repo to wp-content/mu-plugins/ or wp-content/plugins/:
If plugin was installed as regular plugin then activate AWS Lambda Critical CSS from Plugins page
or WP-CLI: wp plugin activate wp-critical-css-aws-lambda.
Usage
Add the following constants to wp-config.php:
Create serverless function on your favorite service. Expected default name is critical-css-production-processor,
but you may use any other. There is a prepared function AWS Lambda Critical CSS.
Usage
To generate critical CSS from enqueued styles:
Caveats
- Relative paths to custom fonts or images in stylesheets should be changed to absolute:
- This plugin is only for generating and rendering critical CSS,
to defer CSS files you may use Deferred loading.
- If page caching is used then you may want to add variable value from cookie in cache key. E.g. for Batcache it'