DJIA Cache – Bricks Tab
The Bricks tab provides optimizations specifically designed for websites built with Bricks Builder.
These options focus on improving Largest Contentful Paint (LCP) and ensuring cache behavior works correctly with Bricks layouts and dynamic components.
Sections included in this tab:
- LCP Optimization
- Debug Tools
Note:
JavaScript delay settings are located in the Assets tab.
LCP Optimization
This section improves Largest Contentful Paint (LCP) by prioritizing the most important image on the page.
LCP is one of Google’s Core Web Vitals and significantly affects performance scores and user experience.
Enable LCP preload
Preloads the image that is likely to be the Largest Contentful Paint element.
Example:
<link rel="preload" as="image" href="image-url.jpg">
Preloading ensures the browser begins downloading the LCP image earlier, improving rendering performance.
Benefits:
- faster hero image loading
- improved Core Web Vitals scores
- reduced LCP time
Featured image boost
Uses the featured image as the LCP candidate on singular pages.
Applicable to:
- posts
- pages
- custom post types
This ensures the featured image is prioritized during page loading.
Extra LCP preload URLs
Allows you to manually define additional images that should be preloaded as LCP candidates.
Each URL should be placed on a new line.
Example:
/wp-content/uploads/hero-image.webp
/wp-content/uploads/banner-image.webp
This option is useful for Bricks hero sections that use background images, which may not be automatically detected as LCP elements.
Debug Tools
Provides debugging utilities for troubleshooting optimization issues.
Enable debug comments
Outputs debug comments inside the generated HTML.
These comments help developers identify:
- caching behavior
- LCP detection
- optimization rules applied by DJIA Cache
Example debug output:
<!-- DJIA Cache: LCP preload applied -->
⚠ Debug comments should be used only for troubleshooting and disabled on production sites once testing is complete.