Optimizing WordPress Website Load Speed: A Comprehensive Guide to Improving Elementor Performance (Part II)

For WordPress website loading speed: Improving Elementor performance can be optimized in the following 10 areas to improve:

1. Optimization of servers and basic configurations

Make sure your server and PHP/MySQL version are in top shape before doing any speed optimization. Nowadays Elementor, Woocommerce, Wp Rocket caching plugins etc. are becoming more and more demanding on the server and small configured servers can easily get clogged up. If the server configuration is low, it is recommended thatUpgrade Server(at least 1H2G) orUsing a CDNe.g.CloudflareThe

2. Use efficient themes and plugins

Choose themes and plugins that are lightweight and fast. Example:

• plug-in (software component): WP Rocket, LiteSpeed Cache, Perfmatters and more.

It is recommended to use as few plugins as possible to achieve as much functionality as possible. For example, using theElementor ProYou can use it to createslide (photography, presentation software),Article Catalog,pop-up advertisement,form (document)etc., there's no need to install another plugin with the same functionality. Unless your page is not built with Elementor.

3. Reducing the burden on servers

Reducing server load is the key to improving website speed. Here are some specific measures:

Using Cloudflare/server Cron instead of Wp_Cron

WP_Cron will be triggered on every visitor visit, increasing the burden on the server.Disable Wp_Cron, and use the server's Cron task instead.

define('DISABLE_WP_CRON', true);

Set up a server Cron task to start every 5 minutes:

wget -q -O - https://example.com/wp-cron.php?doing_wp_cron >/dev/null 2>&1

Reduce WP Rocket Preloading and Remove Useless CSS Frequency

WP Rocket's cache preloading and generating key CSS features take up a lot of server resources and can be adjusted to reduce server pressure by adjusting the preloading frequency.

Add the following code to the theme'sfunctions.phpDocumentation:

function preload_batch_size($value) {
    $value = 20.
    return $value;
}
add_filter('rocket_preload_cache_pending_jobs_cron_rows_count', 'preload_batch_size');

function preload_cron_interval($interval) {
    $interval = 120; return $interval; { $interval
    return $interval;
}
add_filter('rocket_preload_pending_jobs_cron_interval', 'preload_cron_interval');

function preload_requests_delay($delay_between) {
    $seconds = 0.6;
    $delay_between = $seconds * 1000000;
    return $delay_between;
}
add_filter('rocket_preload_delay_between_requests', 'preload_requests_delay');

4. Optimizing site configuration and plug-in settings

Ensure PHP and MySQL versionsThe right server configuration for youThe MySQL version selects the appropriate version according to the server memory.

Plug-in Settings

• Firewall and Automatic Backup Plugin: Adjust the frequency of scanning and backups to reduce the burden on the server.
• Image Compression Plugin: Use Smush or a similar plugin to compress images and increase loading speed.

5. Do not install too much tracking, e-commerce plug-ins

When optimizing an e-commerce site, all other pages quickly Google test mobile and computer to go to the90The score is above. However, the product detail page is very slow on mobile, with a score of about 30 and a total load time of more than 4 seconds. Checking the source code, I found that Facebook ads, Google tracking code, paypal payment code and other third-party platform JS code add up to nearly 400KB, which can't be optimized.

6. Use of system fonts or locally hosted fonts

Using system fonts or locally hosted fonts can significantly improve loading speed. Avoid using Google Fonts or other third-party fonts.

Changing font settings

Go to Theme and Elementor Settings and select System Fonts or Web Safe Fonts:

Arial, Tahoma, Verdana, Times New Roman, Helvetica, Courier New, Georgia, Trebuchet MS, Times.

Edit a random page using Elementor to set it up.

Locally Hosted Google Fonts

Using Astra Pro or Perfmatters plugin localHosted Google Fonts(math.) genusImproved loading speedThe

7. Cache and database optimization

Use a caching plugin such as WP Rocket or LiteSpeed Cache and make sure the database is optimized. Enabling Redis or Memcached caching can further improve performance.

Enabling Redis Caching

Install the Object Cache Pro plugin and configure it if the server supports Redis.

8. Use of themes to build site-wide content such as headers

Try to use the builders that come with the theme to build the header, footer and sidebar content, and avoid using builders such as Elementor to make speedslow downThe

9. Use of efficient plug-ins for functionality

Avoid installing too many plugins by using lightweight, powerful plugins such as the Fluent Forms form plugin.

10. Detecting and optimizing website speed

Use GTmetrix and Google PageSpeed Insights tools to check website speed and optimize based on the results. Focus on Core Web Vitals metrics like LCP, FID and CLS.

reach a verdict

By choosing your theme and plugins wisely, optimizing your server configuration, and using locally hosted fonts and caching plugins, you can dramatically increase your WordPress site's loading speed and improve your user experience and SEO results. Follow this tutorial to optimize and ensure your site is at its best in terms of performance and user experience.