How to use element caching to speed up page loading

Reducing page load time can increase visitor retention and improve your SEO score. Site performance can be significantly improved by using element caching. When widgets are rendered on the server, the HTML output is stored in a database. This way, the next time the element appears, it will be pulled from the database instead of being re-rendered. This can significantly reduce server memory usage and first byte time for visitors (TTFB).

How to use element caching to speed up page loading

caveat

The element cache cannot be used to containdynamic labelingmaybeElements that display customized data(e.g. shortcode), such as a widget that displays the visitor's name. To ensure that element caching is used only when needed, this feature is deactivated by default. Activate caching only on static elements.

note

Element caching is an experimental feature. To learn how to activate experimental features.

How to activate the experiment function

Step 1: Enter function settings

  1. Log in to your WordPress dashboard.
  2. Navigate to Elementor > Settings > Features tabThe
How to use element caching to speed up page loading

Step 2: Select experiment function

  1. In the Functions tab, select the experiment you want to activate from the drop-down menu.
  2. It is also possible to use "Full activation"or"Deactivate all" button to quickly apply changes.
How to use element caching to speed up page loading

Step 3: Save Changes

  1. Under the list of functions, click "Save Changes"Button.

Types of experimental functions

1. Ongoing experiments

  • Alpha: Functionality is in its early stages and may be subject to significant change.
  • Beta: Feature is relatively stable, but still needs to be checked. Usually enabled by default on new sites.
  • Release Candidate: Functionality is largely stable, with minor changes possible.
  • Dev: Development version only, functionality may change and evolve.

2. Stabilization functions

These features have been marked as stable by the developers, but can be activated/deactivated at any time if problems are found or they are not needed.

Activity instructions

  • greener: The function is active (even if the "Default" value is selected).
  • grizzly: The function is disabled (even if the "Default" value is selected).

caveat

  • Some features are only active by default for new sites.
  • Activating element caching on elements that use elements containing dynamic tags may cause problems.
  • Element caching is an experimental feature and is deactivated by default.

How to activate element caching

Under the Cache Settings section of the Advanced tab, you can override the default widget caching status and set it to Active or Inactive".

How to use element caching to speed up page loading

Steps:

  1. Click an element on the canvasThe
How to use element caching to speed up page loading
  1. Element Options in the View PanelThe
  2. Click on the Advanced tabThe
How to use element caching to speed up page loading
  1. Select the new activation state in the Cache Settings drop-down menuThe

Clearing the Element Cache

You may need to clear the element cache periodically for the following reasons:

  • Content freshness: Ensure that frequently updated content (such as news or promotions) is always current for visitors.
  • performance balancing: Maintain a balance between improved load times and up-to-date content by regularly refreshing the cache.
  • Testing and Updates: Allows to test changes or updates on a website and see the results without waiting for the cache to clear naturally.

Clearing the cache is done at the site level, and the cache is cleared at the same interval for all elements.

Set cache clearing:

  1. Go from WP Admin to Elementor > SettingsThe
How to use element caching to speed up page loading
  1. click (using a mouse or other pointing device) performances Tab.
How to use element caching to speed up page loading
  1. exist Element cache expiration field, use the drop-down menu to select how often to clear the element cache.

Automatically cached elements

The following elements are automatically cached and their state cannot be changed:

  • containers
  • Grid Container
  • off-canvas
  • portion
  • column
  • internal part

Summary:

Using element caching can significantly reduce page load times, which in turn improves visitor retention and SEO Score. Reduce server memory usage and first byte time by storing the widget's HTML output in the database and fetching it directly on the next load instead of re-rendering it (TTFB). Note, however, that element caching does not apply to widgets that contain dynamic tags or custom data.

How to use element caching to speed up page loading

Contact Us
Can't read the article? Contact us for a free answer! Free help for personal, small business sites!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: info@361sale.com
Working hours: Monday to Friday, 9:30-18:30, holidays off
Posted by photon fluctuations, retweeted with attribution:https://www.361sale.com/en/12988/

Like (0)
Previous July 9, 2024 at 10:57 am
Next July 9, 2024 at 11:31 am

Recommended

Leave a Reply

Your email address will not be published. Required fields are marked *

Contact Us

020-2206-9892

QQ咨询:1025174874

E-mail: info@361sale.com

Working hours: Monday to Friday, 9:30-18:30, holidays off

Customer Service
In order to facilitate global user registration and login, we have canceled the telephone login function. If you encounter login problems, please contact our customer service for assistance in binding your email address.