Fix LCP Issues on Duda (Loading Speed)

General Guide: See LCP Overview for universal concepts and fixes.

Duda-Specific Causes

Image Handling

• Large hero images not optimized
• Background images on sections
• Gallery/slider images as LCP elements
• Image widgets with oversized sources

Third-Party Code

• Custom widgets loading synchronously
• Tracking scripts in Head HTML
• Embedded content (maps, videos, social)
• Third-party form widgets

Font Loading

• Custom web fonts blocking render
• Multiple font weights loaded
• Font display settings

Template Complexity

• Heavy templates with many sections
• Unused sections still loading
• Complex animations and effects

Duda-Specific Fixes

Fix 1: Optimize Hero Images

1. Resize before uploading: Max 1920px width for full-width images
2. Compress images: Use TinyPNG, Squoosh, or similar tools
3. Use Duda's optimization: Check image settings for compression level
4. Choose right format: JPEG for photos, PNG for graphics with transparency

In Duda Editor:

1. Select image widget
2. Check image dimensions
3. Replace with optimized version if too large

Fix 2: Preload Critical Assets

Add to Head HTML:

<!-- Preload hero image -->
<link rel="preload" as="image" href="YOUR_HERO_IMAGE_URL">

<!-- Preload critical fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

Fix 3: Defer Non-Critical Scripts

Move tracking codes to Body HTML (loads after content):

<!-- In Head HTML - only critical scripts -->
<!-- Keep GTM head code only -->

<!-- In Body HTML - non-critical tracking -->
<!-- Move other analytics/pixel codes here -->

Fix 4: Optimize Font Loading

If using custom fonts:

<style>
  @font-face {
    font-family: 'Custom Font';
    font-display: swap; /* Show fallback immediately */
  }
</style>

Limit to 2-3 font weights maximum.

Fix 5: Reduce Widget Overhead

1. Audit all widgets on the page
2. Remove unused or redundant widgets
3. Combine functionality where possible
4. Use native Duda features vs third-party widgets

Fix 6: Lazy Load Below-Fold Content

Duda supports lazy loading:

1. Check Duda's image loading settings
2. Enable lazy loading for below-fold images
3. Defer video loading until visible

Verification

1. Run PageSpeed Insights
2. Check LCP score (target: under 2.5s)
3. Identify LCP element
4. Test on mobile (often slower)
5. Clear Duda cache before testing

Duda Advantages

Duda has built-in performance features:

• Automatic image optimization
• CDN delivery
• Lazy loading support
• Mobile-optimized rendering

Leverage these before adding custom optimizations.

Common LCP Elements