Element is one of the most famous and popular page builders in the WordPress community. In order to provide better functions in optimization, you can use the free plug-ins Smush and hummingbird to improve many functions. WordPress sites are built by the element. Due to many factors (including large images, cache, CDN, etc.), sometimes unnecessary slow page loading occurs. Fortunately, Smush and Hummingbird can mitigate the slowdown and maximize the startup of the site. To improve the elementor site, let’s look at a few examples of what all Smush and Hummingbird can do. You can also see some examples of two popular topics: Hello element and Astra. The
In addition, some general techniques are included to keep the elementor site up to date. This article will discuss the following: How to use Smush to optimize an element, how to use hummingbird to optimize an element, General tips for using hummingbird and elementor to speed up the two main word press topics – Hello elementor and Astra’s sample elementor at the end of this article, you will have all the tools and tips to optimize the maximum performance of the elementor site. The
Then we’ll show you exactly how to import an elementor site from pagespeed score 80\/100 to 99\/100 using Smush and Hummingbird only. Please read on. Suppose there is an element startup (if not, please get it here for free). If not already, Smush and hummingbird. Like the elementor method of optimizing elementor with androg Smush, Smush is not a stranger in the WordPress community. With the award-winning 5-star free image optimization plug-in, it currently has more than one million active users. The
Male Smush is well known in these areas. She worked well with elementor to optimize the image to the highest level and speed up the site. Let’s take a look at elementor and its excellent features, which work with all the themes you are using. This includes: Dump a large number of all elementor images, upload a new automatic compression double compression super dump Smush, resize the image, add a larger image PNG and convert it to JPEG, load Smush’s CDN according to the large number of dumps from the media library, and build the elementor website of all elementor images with androg androg, T may already have many images installed. The
Fortunately, the bulk Smush feature can be handled by clicking once on the Smush dashboard. As you can see, in this case, 51 attachments need to be smashed again. Smush will notify you when you are finished. Everything has been crushed! Smush can also exclude specific images, such as thumbnails. Elementor is the perfect way to quickly optimize images. Learn more about mass smash here. Each time a new image is added to the new upload auto compression element, it can be automatically compressed by clicking once. The
You can quickly turn this option on in Smush’s dashboard. Press the button to automatically compress the new image. That’s all! All new images will be compressed. Do you want to perform a higher level of image compression in the double compressed super wipe element? Super Smush than normal wipe
Up to 2x compression. This is achieved by deleting all unnecessary data. It is better to use loss compression, so the quality is slightly poor. In most cases, it is almost invisible and invisible to human eyes. Like most tasks in Smush, administrators can complete this task with a single click. The
Super Smush is available for all element images. Please check the image quality for differences. I don’t think we are inferior to you. Image size adjustment of Smush: upload larger images and add images with height or width greater than 2560px, which can be automatically reduced by WordPress to generate the maximum image size optimized for web pages. To add larger images to the media library, you can ignore them through image resizing in Smush. Male click once to resize the image. Click to select a new maximum image size. The
Male enter the required new size. You can also choose whether to include full-size images in bulk Smush. Male click this option to crumple the original full-size image into a ball and save a small copy of the original. By resizing the image, you can control the entire size of the image. According to the elementor page builder template used to convert PNG to JPEG, it can be seen that using one of these two file types works better than the other. For speed, it is generally recommended to use JPEG instead of PNG. Smush checks whether converting a file to JPEG reduces the file size and helps speed up the elementor site. The
When the file size becomes smaller, PNG is automatically converted to JPEG. Automatic PNG conversion is no easier than this. The media library allows you to select individual images to be compressed in the erase library. If Smush is active, you will see a new column named Smush. Shows which images are optimized. Otherwise, click Smush and click optimize once. All required spikes are on the fingertips. In order to improve the speed, the elementor may have pages containing delayed loading of multiple images. In some cases, displaying all content at once can be a burden on the server. The
Lazy load does not load off screen images until the user scrolls. This will speed up page loading, reduce bandwidth usage, and modify the \
If you are close to a server that provides androg Smush CDN content, the content loading speed will be faster. This is what CDN (content delivery network) does. This is a series of servers located around the world, so when the browser makes an HTTP request, the content will be provided to the location from the nearest server. This feature is available in Smush pro and is worth using. 45 point CDN. You can also automatically resize images and convert them to Google’s webp format. Male click start to start CDN. CDN stores and provides copies of all JPG, PNG and GIF images on the Smush edge server, so as to improve the page speed of the elementor site with more images. For advanced options, Smush pro’s CDN provides background images,
Enabled for JavaScript and CSS. If not, you can change the gzip compression according to the server type (such as APACHE) and follow the instructions to activate it. Improving page speed through asset optimization the asset optimization area of hummingbird is where advanced options can be easily configured automatically or manually when optimizing the elementor website. As you can see, compression saves 9.7%. There are two modes of asset optimization: Automatic: Based on the automation option of hummingbird, optimize assets and improve page loading time. Manual: manually set up each file to achieve the precise settings required by the elementor site. After asset optimization is enabled, hummingbird will immediately scan the assets of the WordPress site and point out the assets that can optimize performance. There are many adjustments and adjustments in the asset optimization of hummingbird. Read the documentation to see how fine you can tweak your site for maximum optimization. Male male Smush, Use hummingbird and element to improve the two main WordPress topics – examples of Hello element and Astra. Now let’s take a look at what Smush and Hummingbird can do to improve the performance of the element site, so we will introduce in detail the specific examples of using the two popular element topics, hello element and Astra. As mentioned earlier, we will use the free version of elementor, so there is no charge associated with this initial setup (in other words, Smush and Hummingbird are also free). This is a new site with no other pages, plug-ins, or anything installed at first, except for the elementor and theme. Let’s look at how to add all these features and differences. To disassemble all of these: Use the element page builder to set the content and theme of WordPress website. Use Google pagespeed insights and gtmetrix to enable the speed test hummingbird and Smush, and set recommendations to enable other speed test run hosting functions (such as fast CGI). Each final speed test run website will be different. See. Location, number of images, hosts, and other elements will vary. But this needs to provide a general idea of what can be done, and can be adjusted appropriately on the element based WordPress site. Hello, in order to start elimento’s work, let’s start with the theme of Hello elementor. This free theme is the favorite theme of elementor users and is created by elementor. Male Hello elementor is a topic that is deeply welcomed and praised by elementor users. We set up the website with this theme and activated the access page – Hotel page in the library of element. This topic contains several images and text, which is a good example. The login page can be activated directly from the library of WordPress dashboard. I also turned this page into my home page. You can do this by navigating to shapes > Customize > home page settings and selecting the landing page. Now the installation is complete and ready to use! Do a quick test on this website. Let’s start with Google pagespeed insights. When entering a URL, Google pagespeed insights scores: As you can see, it is in the middle range. Now confirm with gtmetrix. Gtmet for server location (Vancouver, Canada) and browser (chrome)
Rix preferences. In all these examples, this does not change. \
Although it needs to be adjusted and adjusted, it is only a perfect fine-tuning problem. If you add good hosting, you will have an amazing elementor site. Do you use the elevator? So, have you ever tried to optimize with Smush and Hummingbird? Tell us in the comments!
