Content Rendering Performance
This WordPress utility plugin lets you turn on the `content-visibility` CSS property for group blocks.
by Eric Valois · github.com/ericvalois/content-visibility-auto
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/ericvalois/content-visibility-auto/archive/refs/heads/main.zipReadme
Content Rendering Performance - WordPress Plugin
This WordPress utility plugin lets you add the content-visibility CSS property on group blocks. That property allows the browser to delay an element's rendering, including layout and painting until needed.
According to Google, you can significantly speed up the initial page load by skipping rendering on large portions of off-screen content.
Use this on long pages below-the-fold sections.
Read more about content-visibility on Web.dev
Source: Web.dev - Google demo applying content-visibility: auto to chunked content areas gives a 7x rendering performance boost on initial load.
Plugin Screenshot
Content visibility panel screenshot.
Installation
The plugin is not yet available from the WordPress.org directory.
- To find the latest release for installation, use the link under Releases > Tags to download content-visibility-auto.zip.
- Then go to your wp-admin plugins page and click on the Upload Plugin button.
- Click on the Choose File button at the center of your screen to select the content-visibility-auto.zip file you just downloaded.
- Select the proper zip file, click Open, then Install Now.
- Activate the plugin.
Read the full README on GitHub →
Releases
| Tag | Published |
|---|---|
| v0.1.1 | Oct 7, 2024 |
These releases are tags only. The author does not attach a packaged zip, so there are no download counts to report.