Performance Optimization

Optimize your site’s performance when using WPBits Addons for Elementor. Follow these best practices to ensure fast loading times and smooth user experience.

Server Optimization

PHP Version

Use PHP 8.0 or Higher

PHP 8.0+ offers significant performance improvements:

• 2-3x faster than PHP 7.4
• Better memory management
• Improved JIT compilation

How to Upgrade:

1. Check current version: Tools → Site Health → Info → Server
2. Contact your hosting provider to upgrade
3. Test your site after upgrading

Memory Configuration

Recommended Settings:

wp-config.php

define('WP_MEMORY_LIMIT', '256M');
define('WP_MAX_MEMORY_LIMIT', '512M');

For Large Sites:

• Use 512MB for WP_MEMORY_LIMIT
• Use 1024MB for WP_MAX_MEMORY_LIMIT

Execution Time

Increase for Complex Pages:

.htaccess

php_value max_execution_time 300
php_value max_input_time 300

This prevents timeouts when:

• Saving complex Elementor pages
• Importing templates
• Processing large grids/carousels

Caching Strategy

Page Caching

Configuration Tips:

• Enable page caching (use a caching plugin)
• Enable browser caching
• Enable GZIP compression
• Exclude Elementor editor from cache
• Clear cache after updates

Object Caching

For Dynamic Content:

Use Redis or Memcached for:

• Database query caching
• API response caching
• Transient storage

Setup Redis:

1. Install Redis on server
2. Install Redis Object Cache plugin
3. Enable object caching
4. Test performance improvement

Elementor Cache

Regenerate Regularly:

Go to Elementor → Tools → Regenerate CSS & Data

Regenerate after:

• Plugin updates
• Theme changes
• Major content updates
• Performance issues

Asset Optimization

CSS Optimization

Minify CSS:

• Use caching plugin to minify CSS
• Combine CSS files when possible
• Remove unused CSS

Inline Critical CSS:

• Inline above-the-fold CSS
• Defer non-critical CSS
• Use tools like Critical CSS Generator

Image Optimization

Optimize All Images:

1. Use Proper Formats:

   • WebP for photos (smaller file size)
   • SVG for icons and logos
   • PNG for transparency
   • JPEG for photos (fallback)

2. Compress Images:

   • Use Imagify, ShortPixel, or Smush
   • Compress before uploading
   • Set quality to 80-85%

Recommended Plugins:

• Imagify
• ShortPixel
• Smush
• EWWW Image Optimizer

Database Optimization

Regular Cleanup

What to Clean:

• Post revisions
• Auto-drafts
• Spam comments
• Trashed items
• Transients
• Orphaned metadata

Recommended Plugins:

• WP-Optimize
• Advanced Database Cleaner
• WP-Sweep

Schedule Regular Cleanups:

• Weekly for high-traffic sites
• Monthly for smaller sites
• After major content updates

Optimize Tables

Manual Optimization:

1. Backup database first
2. Use phpMyAdmin
3. Select all tables
4. Choose “Optimize table”

Automated: Use WP-Optimize to schedule automatic optimization

Limit Post Revisions

wp-config.php

define('WP_POST_REVISIONS', 5); // Keep only 5 revisions
// or
define('WP_POST_REVISIONS', false); // Disable revisions

Widget-Specific Optimization

Grid Master / Carousel Master

Optimize Queries:

1. Limit Posts per Page:

   • Don’t load 100+ posts at once
   • Use pagination or load more
   • Recommended: 9-12 posts initially

2. Optimize Images:

   • Use appropriate thumbnail sizes
   • Enable lazy loading
   • Compress images

3. Reduce Database Queries:

   • Cache query results
   • Use transients for expensive queries
   • Limit meta queries

4. Ajax Pagination:

   • Use Ajax for better UX
   • Prevents full page reload
   • Faster perceived performance

Content Delivery Network (CDN)

Why Use a CDN

Benefits:

• Faster asset delivery
• Reduced server load
• Better global performance
• DDoS protection

Recommended CDN Services

1. Cloudflare (Free tier available)

   • Easy setup
   • Free SSL
   • DDoS protection
   • Page rules

2. StackPath (Premium)

   • Fast performance
   • Advanced features
   • Good support

3. BunnyCDN (Affordable)

   • Pay-as-you-go pricing
   • Fast delivery
   • Simple setup

CDN Setup

1. Sign up for CDN service
2. Add your domain
3. Update DNS settings
4. Configure CDN plugin in WordPress
5. Test asset delivery

Hosting Optimization

Choose Right Hosting

Hosting Types:

1. Shared Hosting (Budget)

   • Good for: Small sites, low traffic
   • Limitations: Shared resources, slower
   • Examples: Bluehost, HostGator

2. VPS Hosting (Recommended)

   • Good for: Medium sites, growing traffic
   • Benefits: Dedicated resources, scalable
   • Examples: DigitalOcean, Linode, Vultr

3. Managed WordPress (Premium)

   • Good for: Professional sites, high traffic
   • Benefits: Optimized for WordPress, support
   • Examples: WP Engine, Kinsta, Flywheel

4. Dedicated Server (Enterprise)

   • Good for: Large sites, very high traffic
   • Benefits: Full control, maximum performance
   • Requires: Technical expertise

Server Configuration

Recommended Stack:

• Web Server: Nginx or Apache with HTTP/2
• PHP: 8.0+ with OPcache enabled
• Database: MySQL 8.0+ or MariaDB 10.5+
• Caching: Redis or Memcached

Enable OPcache:

; php.ini
opcache.enable=1
opcache.memory_consumption=256
opcache.max_accelerated_files=10000
opcache.revalidate_freq=60

WordPress Optimization

Limit Plugins

Best Practices:

• Use only necessary plugins
• Remove unused plugins completely
• Choose lightweight alternatives
• Avoid plugin bloat

Audit Plugins:

1. List all active plugins
2. Identify rarely used plugins
3. Find alternatives that combine features
4. Remove unnecessary plugins