This module can improve the Google PageSpeed score of individual website pages.
In particular, it improves the score for First Contentful Paint (FCP). It does so by allowing to configure a blob of ‘Critical CSS’ for each page, which is the only CSS that will be loaded before first paint. Any other CSS is delayed.
Table of contents
Usage
To use this module:
Go to Website -> Pages and select a page to optimize
Clear out any current contents of the ‘Critical CSS’ field
Find out the public facing URL of this page
Generate Critical CSS for this URL while selecting the right widths for Desktop and Mobile views
Paste the blob in the ‘Critical CSS’ field.
To generate critical CSS you have a couple of options:
Use a free online Critical CSS generator. At the time of writing there are: Sitelocity, Pegasaas, web.dev, Corewebvitals.io, …
Install the npm [critical](https://github.com/addyosmani/critical) package and generate it on your local.
To test improvement of FCP score, use for example Lighthouse, which is build into Chrome browser.
Known issues / Roadmap
Support automatic critical CSS generation when page layout is changed, when the critical tool is installed on server.
Investigate possible incompatibility with web_company_color Both are overriding the same function in ir.qweb
Bug Tracker
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. If you spotted it first, help us smashing it by providing a detailed and welcomed feedback.
Do not contact contributors directly about support or help with technical issues.
Credits
Contributors
Dan Kiplangat <dan@sunflowerweb.nl>
Tom Blauwendraat <tom@sunflowerweb.nl>
Maintainers
This module is maintained by the OCA.
OCA, or the Odoo Community Association, is a nonprofit organization whose mission is to support the collaborative development of Odoo features and promote its widespread use.
This module is part of the OCA/website project on GitHub.
You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.
1 maintainer
Metadata
1 maintainer
Release files for odoo13-addon-website-critical-css 13.0.2.0.1
For a detailed explanation of source distributions (sdists) and built distributions (wheels), please see the package formats documentation.
Built distribution (wheel)
| File | Interpreter | ABI | Platform | Actions Reset |
|---|---|---|---|---|
| odoo13_addon_website_critical_css-13.0.2.0.1-py3-none-any.whl | Python 3 | none | any | Details for odoo13_addon_website_critical_css-13.0.2.0.1-py3-none-any.whl |
Release files / odoo13_addon_website_critical_css-13.0.2.0.1-py3-none-any.whl
| Download URL | odoo13_addon_website_critical_css-13.0.2.0.1-py3-none-any.whl |
|---|---|
| Size | 26.8 kB |
| Tags | Python 3 |
|
SHA-256 checksum How to use checksums |
baf8d5a56174209a9c5b4d706cb3f1cf138f65f7370205b9137c57b88170b14d
|
|
BLAKE2b-256 checksum How to use checksums |
b11bceba94dbf13a0f4f11f0d5c953c8e9c1b8960c85a6e6a865de57f19a1b08
|
| Upload date | |
|
Uploaded using Trusted Publishing? What is trusted publishing? |
No |
| Uploaded via |
twine/4.0.1 CPython/3.8.5
|
Security for odoo13-addon-website-critical-css 13.0.2.0.1
Provenance
Provenance describes where a file came from. On PyPI, provenance is shared via attestations, which provide a verifiable record of the build or publishing details. View details, limitations and caveats.
No provenance found
None of the files in this release were uploaded with provenance metadata.
A note on package security
PyPI is a repository for distributing packages, not a service for auditing them. While third-party security researchers and our staff do their best to detect and remove malicious packages, PyPI cannot guarantee the quality, security or suitability of any given package.
To learn more about protecting yourself from malicious actors, visit our package security documentation.
