Changelog
Back to changelogArchive Image Priority Optimization
This update introduces a server-side image loading optimisation for layout and component post type archives and their taxonomy archives.
Instead of relying on JavaScript-based (Bricks native) lazy loading, image loading behavior is now controlled directly in the rendered HTML by the broswer.
This approach removes client-side scheduling delays, improves performance-sensitive browser (like Brave Broswer) behavior, and ensures more consistent above-the-fold rendering across devices.
In addition, backend rendering performance was audited and refined to ensure image loading changes integrate cleanly with existing caching systems (NGINX FastCGI + Redis object cache). No JavaScript-based lazy loading libraries are required.
Server-Side Archive Image Priority Control
Added server-side logic to modify image loading attributes on layout and component archive and taxonomy pages.
Native Browser Lazy Loading Enforcement
Removed reliance on JavaScript-based image scheduling in favor of native browser loading behavior. This reduces main-thread overhead and improves rendering consistency across Chromium-based browsers, including Brave.
Cache-Safe Rendering Integration
Ensured compatibility with FastCGI full-page caching and Redis object caching. Image attribute modifications are applied at render time without affecting cache keys or invalidating existing caching layers.
Performance Audit & Stability Refinement
Audited archive rendering performance to ensure no regressions in server-side rendering or image decoding behavior. Confirmed stable TTFB for guests and improved above-the-fold visual load performance.