WP Manifestindependent plugin directory
manifest / performance / content-visibility-auto

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

★ 0stars
v0.1.1latest · never

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/ericvalois/content-visibility-auto/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/ericvalois/content-visibility-auto ↗

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

Google demo of the content-visibility CSS property page speed benefits. 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 Content visibility panel screenshot.

Installation

The plugin is not yet available from the WordPress.org directory.

  1. To find the latest release for installation, use the link under Releases > Tags to download content-visibility-auto.zip.
  2. Then go to your wp-admin plugins page and click on the Upload Plugin button.
  3. Click on the Choose File button at the center of your screen to select the content-visibility-auto.zip file you just downloaded.
  4. Select the proper zip file, click Open, then Install Now.
  5. Activate the plugin.

Releases

1 release.

Tag
Published
v0.1.1 latest
Oct 7, 2024 2 years ago

These releases are tags only. The author does not attach a packaged zip, so there are no download counts to report.