Core web vitals is Google’s standard for measuring the web experience of the entire page. If you use elementor, you can do many things to optimize your site to improve performance. This article describes how to replace an incorrectly configured elementor site with a site with a higher Google score. This site is based on a four step process (reduce, optimize, simplify, and qualify). Our member Nathan onn has the whole series here. Core web vitals will soon become an element of SEO ranking, so it is very important to understand what it is, how it works, and adjust the WordPress site according to it. The
We will subdivide and summarize this method based on the plug-ins Smush and hummingbird and the managed word press. We will discuss: what is Google’s core web vital? Import the settings of the elementor website. In order to make the WordPress website easier, when you read the content of \
What is Google’s core web vital? Google’s core web vitals focuses on the most important measurement items in optimization. This is Google’s plan, a guide to providing high-quality user experience for the web, and a new standard to measure the overall page experience. Applies to all pages and must be measured by all site owners. Vitals will evolve and change, but the current core vitals can help WordPress sites focus on the following three aspects: Loading (LCP – paint with maximum content): measure loading performance. A good user experience means that LCP must occur within 2.5 seconds of the start of loading the home page. Interoperability (FID – first input delay): measure interoperability. A good user experience means that the FID of the page must be less than 100 milliseconds. Visual stability (CLS – move cumulative layout): measures visual stability. Pages must maintain CLS less than 0.1. You can also see every important time. To better understand where your site is, Google provides core results reports that you can perform. Shows how the page works based on actual usage data. The
From another perspective, in this quick overview video, you can clearly see what Google’s core results report is. As you can see, once you know what they are, it’s easy to understand. Now that we know what constitutes Google’s core web vitals, let’s implement it. Let’s set up the elementor site first, and then go from there. A good example of using the elementor website settings import is a website with good content (such as pictures and text), so we will use the elementor product – App page. The following is a view of my sample website. The site will use the following items: The
Server: wpmu dev hosted bronze plan, U.S. West Coast Theme: Hello elementor elementor theme home page: products – application page plug-ins: elementor, Smush, hummingbird and wpmu dev dashboard php:7.4 website created from scratch. There are no adjustments or changes to any design of the element page
）1.3. Provides optimized server configuration for faster response time. To learn more about male hosting, please check the contents contained here. Removing unwanted plug-ins is an obvious task that can help optimize the word press site. Just remove unused plug-ins that you don’t need. Unnecessary plug-ins can cause site downtime and performance problems. If not – delete. If necessary, you can reinstall it at any time in the future. Using hummingbird and other good caching plug-ins hummingbird has been mentioned many times in this article, and caching should be mentioned again here. Caching improves performance by quickly loading pages. Hummingbird provides several types of caching, including page caching, gravatar caching, browser caching, and RSS caching. It is also easy to activate. Just click once. One click can activate the caching function of hummingbird. In this document, read the caching technology of hummingbird in detail. The content is simplified. So far, if it is imitated, the core performance report is improving. But I can do more. This is especially true for the \
You may need to do some testing to make a decision. But if you keep looking, you must find the murderer and solve the problem. Let’s look at them one by one. If the layout is changed due to the moving image of the layout caused by the male image, you can add a fixed height and width to solve the problem. This will keep the same size and delete the move. Smush’s lazy load setting can also help solve this problem. This function will stop loading the image until the user scrolls the image. Select the duration and delay of the animation. As with layout moving images caused by iframe, you can check whether iframe enables delayed loading. This helps prevent video layout changes. In Smush, this is one of the options you can select in the media type area. ‹ select multiple media types at a time. Clicking iframe (along with other options) helps to load the site faster and prevent layout movement. One of the layout conversion problems that can be modified by the element itself is caused by javascript based content. These include sliders, carousels, and stone grids. If you use a slider component or a carler unit component, you can solve this problem by adding a fixed height to all other viewports on the elementor dashboard. When using the plug-in, you can usually select the adaptive height option. This feature must be disabled. Otherwise, as the image height changes, the carousel will jump and pop up. For the stone carving grid plug-in, ensure that the grid container has a fixed height. In this way, when the user scrolls down the page, the grid no longer changes. The layout caused by deleting the Google font moves the Google font and replaces the system font. There are some problems with the elementor preloading Google fonts, but the problem has not been completely solved. The layout changes are still displayed. Male element can adjust the loading position of Google font. Hummingbird is about to launch a release that optimizes Google fonts. You can view it in the test center (expected to be available in a few days). After passing the test, I will tell myself the score after composing everything I have experienced! On Google pagespeed insights, my elementor website scored 98 points (as you can see at the beginning of this article). Not too shabby. It is worth noting that not all technologies run on all sites, but must include or exclude all steps of the optimization process. However, it is worth testing all the methods mentioned and seeing how they perform on the site. The main goal is to remove as many assets as possible and improve the score of Google pagespeed insights. Has the challenge of WordPress optimization started? This was tested on the elementor site. However, this method can also be used with other topics and site builders. To view a complete summary of these methods of using plug-ins and other options, Nathan members used their own article rose mechanism to fully introduce the core web lifecycle in WordPress website optimization. To better understand rose methods and site optimizations such as elementor, be sure to read. In addition, for more tips on optimizing the elementor, please read how to use Smush and Hummingbird plug-ins to optimize the elementor for free. WordPress website optimization is about to return to normal and become rose-y! Contributors
