lcp-optimizer-universal-pro

🚀 LCP Optimizer Universal PRO

Version WordPress PHP License Downloads Stars

Free WordPress plugin to automatically optimize Core Web Vitals (LCP, INP, CLS) with zero configuration required.

Compatible with all major themes, page builders (Elementor, Divi, etc.), and cache plugins (WP Rocket, LiteSpeed, Autoptimize).

📸 Screenshots

Base Settings - One-Click Optimization

Base Settings Enable optimizations with a single toggle. Smart defaults work out of the box.

Advanced Configuration - Custom Selectors

Advanced Configuration Fine-tune CSS animation removal and target selectors for your theme.

Font Optimization - Google Fonts Control

Font Optimization Manual Google Fonts URL control with automatic preloading and font-display swap.

Preload Resources - Critical Assets

Preload Resources Preload critical CSS, JavaScript, and LCP images for faster rendering.

Performance Tools - Built-in Testing

Performance Tools One-click access to PageSpeed Insights, GTmetrix, Pingdom, and WebPageTest.

Guide & Info - WP Rocket Integration

Guide & Info Complete WP Rocket configuration guide and troubleshooting tips.

✨ What’s New in Version 2.3.2

🔗 Google Fonts CSS URL Field Restored

🛠️ Previous Updates (2.3.1)

🌍 Previous Updates (2.3.0)

See full changelog →

🎯 Key Features

✅ Core Web Vitals Ready

⚡ Technical Optimizations

🔤 Font Optimization

📥 Resource Preloading

🖼️ Image Optimization

🎨 CSS & Performance

🔒 Safety Guarantees

💻 Requirements

Requirement Version
WordPress 6.0+
PHP 7.4+
Server Apache/Nginx
Optional HTTP/2+ for Early Hints

📥 Installation

  1. Download the latest release:
    • Go to Releases
    • Download lcp-optimizer-universal-pro-v2.3.2.zip
  2. Upload to WordPress:
    • Go to Plugins → Add New → Upload Plugin
    • Choose the ZIP file
    • Click Install Now
  3. Activate the plugin

Method 2: Manual Installation

cd /path/to/wordpress/wp-content/plugins/
unzip lcp-optimizer-universal-pro-v2.3.2.zip

Then activate in WordPress admin.

Method 3: Git Clone (For Developers)

cd /path/to/wordpress/wp-content/plugins/
git clone https://github.com/emanuelcelano/lcp-optimizer-universal-pro.git

🚀 Quick Start Guide

1️⃣ Basic Setup (2 minutes)

  1. Go to LCP Optimizer in WordPress admin
  2. Click “Enable LCP Optimization”
  3. Click “Save Changes”
  4. Clear all caches (plugin, theme, server)
  5. Test with PageSpeed Insights

That’s it! The plugin works out-of-the-box with zero configuration.

2️⃣ Advanced Setup (Optional)

Add Your Hero Image for Preload

  1. Open your homepage in Chrome DevTools
  2. Run: PerformanceObserver to find LCP element
  3. Copy image URL
  4. Add to “Critical Images Preload” in plugin settings

Optimize Google Fonts

  1. Go to Font Optimization tab
  2. Add your Google Fonts CSS URL (e.g., https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap)
  3. Pro tip: Use only 2-3 font weights maximum

Fine-tune for Your Theme

  1. Add theme-specific menu selectors if needed: 
    .main-menu, .menu-item, .sub-menu

🔧 WP Rocket Integration

If you use WP Rocket, follow these settings for best results:

⚙️ File Optimization

Exclude from CSS Minification:

lcp-optimizer
/lcp-accelerator
elementor-frontend

CSS Safelist (Prevent Menu Issues):

lcp-element
pxl-nav-menu
menu-item
sub-menu
dropdown

⚙️ JavaScript Optimization

Exclude from JS Delay:

jquery
lcp-optimizer
elementor-frontend
mediaelementplayer

[Full WP Rocket guide available in plugin admin →]

📊 Expected Results

Metric Before After Improvement
LCP 4.5s 2.1s -53% ⚡
INP 350ms 180ms -49% 🎯
CLS 0.25 0.05 -80% ✅
PageSpeed Score 65 92 +27 points 🚀

Results may vary based on hosting, theme, and content.

🔍 Troubleshooting

❓ Menu Flashing on Page Load?

Solution: Add menu-specific CSS selectors in plugin settings:

.main-navigation, .menu-item, .sub-menu, .dropdown-menu

❓ LCP Not Improving?

Checklist:

  1. ✅ Identify LCP element using Chrome DevTools Performance tab
  2. ✅ Add LCP image URL to “Critical Images Preload”
  3. ✅ Reduce Google Fonts to 2-3 weights maximum
  4. ✅ Clear all caches (WP Rocket, browser, CDN)
  5. ✅ Test in incognito mode

❓ Conflicts with Other Plugins?

Known Compatible Plugins:

Known Issues:

❓ Debug Mode

Enable debug panel (admin only):

  1. Add to wp-config.php: define('WP_DEBUG', true);
  2. View debug info in plugin settings → Debug tab

🧪 Testing Your Site

Use the built-in testing tools in the plugin:

  1. PageSpeed Insights (Google’s official tool)
  2. GTmetrix (Detailed waterfall analysis)
  3. Pingdom (Global server locations)
  4. WebPageTest (Advanced filmstrip view)

All tools are pre-filled with your site URL for instant testing!

🤝 Contributing

We welcome contributions! Here’s how:

🐛 Report Bugs

Open an issue with:

💡 Request Features

Open an issue tagged enhancement

🔧 Pull Requests

  1. Fork the repository
  2. Create feature branch (git checkout -b feature/AmazingFeature)
  3. Commit changes (git commit -m 'Add AmazingFeature')
  4. Push to branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

📜 License

This project is licensed under the GPL-2.0 License - see the LICENSE file for details.

TL;DR: You can use, modify, and distribute this plugin freely. Commercial use is allowed.

🆘 Support

Free Support

Professional Support

For custom implementation or consulting:

📧 Email: info@analisideirischinformatici.it

🌐 Websites:

👨‍💻 Author

Dr. Emanuel Celano
Digital Forensics & Cyber Incident Response Specialist
Informatica in Azienda

⭐ Show Your Support

If this plugin helped your site, please:

  1. ⭐ Star this repository
  2. 🐦 Tweet about it with #LCPOptimizer
  3. 📝 Write a review (coming soon on WordPress.org)
  4. 🔗 Share with others

📈 Stats

GitHub stars GitHub forks GitHub watchers

🗺️ Roadmap

Version 2.4 (Q1 2025)

Version 3.0 (Q2 2025)

Vote for features →

Made with ❤️ for WordPress Performance

Helping websites pass Core Web Vitals since 2024

📊 Quick Links

This site is open source. Improve this page.