Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle
Best practices for optimizing a design-heavy hero section in Kadence without hur
- This topic has 2 replies, 2 voices, and was last updated 3 months ago by
.
I’m using Kadence to build membership-related pages that rely heavily on a custom hero section for first impressions and conversions. The hero includes gradients, icons, and a primary CTA button, and it’s visually important to the overall layout.
From a performance standpoint—especially on mobile—what’s the recommended approach in Kadence to balance visual elements (like gradients, icons, and light animations) without negatively impacting metrics such as LCP or causing CLS issues?
On one of my projects (ytmodz.com), the hero section is relatively design-heavy, and I’m trying to keep it engaging while still maintaining good Core Web Vitals scores.
In your experience, is it better to handle most of this using native Kadence blocks and settings, or to offload certain styling aspects (like gradients or effects) to custom CSS for better performance?
- The forum ‘Membership Forums’ is closed to new topics and replies.
