Connect with us

WORDPRESS

Elementor Update Addresses Core Web Vitals

Published

on

Popular WordPress page builder plugin Elementor announced an update focused on delivering faster page loads. The update introduces improved efficiencies in how JavaScript and CSS files are delivered. These changes in Elementor version 3.2 promise to improve Core Web Vitals scores.

According to the Elementor’s announcement:

“The company has optimized its development cycle and created a five-track plan fixated on specific performance areas such as Optimized Asset Loading, JavaScript/CSS Libraries, Optimized internal JavaScript and CSS, Optimized Backend and Rendering Processes, and more slim code output.

Elementor’s plan ensures that all aspects of performance receive significant improvements, front and back.”

Elementor has also introduced a way for publishers to indicate how to load Google Fonts more efficiently:

“A new Google font loading feature personalizes users’ loading experience, enabling them to modify how Elementor loads Google Fonts. Elementor dashboard settings offer auto, swap, block, optional, and fallback.”

Core Web Vitals

Core Web Vitals are metrics designed to measure the actual web page experience for actual users on mobile devices. The measurements are collected by users on Chrome who have opted in to provide the information which is then collected as the Chrome User Experience (CrUX) Report.

It is this data that is used to create the Core Web Vitals scores for websites which in turn will become a ranking signal in June 2021.

Hosting a website at a fast server will not improve the core web vitals scores because the problems that cause core web vitals are in the code of the website itself.

Delivering that code faster from a fast web host won’t fix the code that has to be downloaded and rendered on a mobile device.

That’s why it’s important for the makers of website templates and page builders to make the code their users rely on more efficient.

What Elementor announced is their renewed effort to deliver the web page code more efficiently to help publishers give their site visitors a better user experience and help the publishers rank better.

Why JavaScript and CSS Can Be Problematic

JavaScript and Cascading Style Sheets (CSS) are files that respectively provide functionality and visual style to web pages. A JavaScript file can make a contact form work and the Cascading Style Sheet tells the browser what colors and fonts to use (among other visual style related data).

When a person visits a web page the browser will download these files in order to create (render) the web page. But the web page rendering will stop every time it encounters a JavaScript or CSS file. That’s why they’re called Render Blocking Files.

While there are coding tactics to delay downloading the files or to download them in parallel (simultaneously with other files), those files still need to be activated (so to speak) in order to complete the rendering of the web page.

The ideal approach is to minimize how many files need to be downloaded. The best approach is to download the absolute minimum amount of JavaScript and CSS necessary to create a given web page.

For example, if a web page doesn’t contain a contact form then there is no need to download the files necessary to create a contact form.

This more efficient approach to downloading JavaScript and CSS is called conditionally loading. That means to download them when they are needed and not downloading if they are not needed.

And that is part of what Elementor announced.

Elementor Is Now More Efficient

What Elementor changed was to download many JavaScript files only when they are needed. That’s called loading files conditionally. Elementor confirmed to me that they have plans to begin conditionally loading CSS in the near future as well.

According to Elementor:

“The Lightbox, Screenful, Dialog, and Share links libraries are all loaded conditionally…”

Elementor also announced:

“The e-icons CSS file has also been split into two separate libraries – frontend and backend – saving up to 50KB on any given page load.”

Another improvement is that CSS that only affects site visitors who are Editors will not be loaded automatically for all users. That means if a site visitor is not an Editor their browser will download less files to make the web page render, saving 17 kilobytes.

The Elementor team shared this with me:

“Both our R&D team and our SEO team have been working on this project for the past 6 months, making sure that Elementor is fully compatible with the upcoming Web Vitals Google algorithm change. We’ve been focusing on reducing the number of DOM elements, rendering process optimization, dynamic asset loading, and much more.”

Elementor Publishes Videos for Improving Core Web Vitals

Screenshot of Elementor VideoScreenshot of Elementor Core Web Vitals optimization video

In addition to the code changes Elementor has taken the extra step to provide YouTube courses to help them better understand best practices for building sites that provide a faster user experience.

“To guide people through this update, we’ve made some excellent educational materials, including a new course on improving performance on your website. This will take a look at the whole process, since performance is based on a combination of factors, not just your website building platform of choice.”

Watch the Elementor optimization courses on YouTube here.

Elementor Takes the Initiative

It’s very heartening to see more and more companies step up to make these important updates. The announcement by Elementor is an exciting development for users of the plugin and puts the pressure on the rest of the WordPress ecosystem from plugins to theme makers to keep up with Elementor.

Citation

Introducing Text Path & Mask Layer Features!

Searchenginejournal.com

WORDPRESS

An Easy Path Over to WordPress.com – WordPress.com News

Published

on

An Easy Path Over to WordPress.com – WordPress.com News

If the recent Gumroad price change announcement has you considering a migration from Gumroad to WooCommerce, we’re here to welcome you with open arms. Changing eCommerce platforms may seem like a big hurdle to overcome, but we have an expert team in place to help you migrate your Gumroad store to the WordPress.com eCommerce Plan with WooCommerce.

With lower fees and transparent pricing, you’ll improve your margins and expand your earning potential. 

We’ve also created a tailored migration guide to walk merchants through importing from Gumroad to WooCommerce. This step-by-step process requires no technical expertise and will enable you to seamlessly transition your store.

When the import is complete, you’ll have a ready-to-go site with your content preloaded. Your customers will never know the difference. 

If you’re looking to get help moving from Gumroad, reach out now.


Join 96,859,720 other subscribers

Source link

Continue Reading

WORDPRESS

New WordPress.com Themes for January 2023 – WordPress.com News

Published

on

New WordPress.com Themes for January 2023 – WordPress.com News

Five beautiful new WordPress.com themes, including our new default theme, Twenty Twenty-Three.

The WordPress.com team is always working on new design ideas to bring your website to life. Below you’ll find the four newest themes that we’ve added to our library, with beautiful options for food-based businesses, podcasts, and bloggers.

To install any of the below themes, click the the name of the theme you like, which brings you right to the installation page. Then simply click the “Activate this design” button. You can also click “Open live demo,” which brings up a clickable, scrollable version of the theme for you to preview.

Premium themes are free to use for any user on a Premium plan or above, or can be purchased individually by those with free sites or Personal plans.

You can explore all of our themes by navigating to the “Themes” page, which is found under “Appearance” in the left-side menu of your WordPress.com dashboard. Or, just click here:


Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1.

With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community.

Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.

Click here to view a demo of this theme.


Tazza puts the spotlight on your products and your customers. This theme leverages Woo Commerce to provide you with intuitive product navigation and the patterns you need to master digital merchandising.

Click here to view a demo of this theme.


Calyx is a minimalist theme designed for single-page websites. Featuring a coming-soon pattern on the homepage, Calyx is a perfect choice to spread the word about the upcoming opening of a cafe, restaurant, or bar.

Click here to view a demo of this theme.


Muscat is a simple blogging theme with grid post templates and a centered post layout. Its geometric sans-serif typography contributes to a delightful, comfortable, and modern reading experience.

Click here to view a demo of this theme.


Loudness is a bold opinionated theme created with music education in mind. Use Site Editor tooling and relevant patterns to create a unique experience.

Click here to view a demo of this theme.


Stay tuned for more updates about new themes, patterns, blocks, and other exciting product updates! And be sure to click below to take a look at the entire showcase of themes we offer:


Join 96,853,745 other subscribers

Source link

Continue Reading

WORDPRESS

A New Way to Ignite Your Growth on WordPress.com – WordPress.com News

Published

on

A New Way to Ignite Your Growth on WordPress.com – WordPress.com News

Introducing Blaze. Turn your site content into clean, compelling ads that run across millions of sites on WordPress.com and Tumblr.

At WordPress.com we’re always looking for ways to make building and running your web site simpler and more impactful (and more fun!).

One of the biggest challenges for any site owner is finding your readers, fans, customers, or subscribers. Until now, promoting your WordPress.com web site required multiple tools, online accounts, professional design and marketing skills, and – yes – lots of money.

That’s why we’re excited to announce Blaze, a new tool allowing anyone with a WordPress blog to advertise on WordPress.com and Tumblr in just a few clicks. How? By turning your site content into clean, compelling ads that run across our millions-strong network of blogs.

How Blaze works

If your website is hosted on WordPress.com, then head to wordpress.com/advertising and select your website — you’ll see a list of recent posts and pages you can promote. If your WordPress site isn’t hosted on WordPress.com, you can take advantage of Blaze through the Jetpack plugin.

Alternatively, when viewing the post or page list in your WordPress.com dashboard, click the ellipses (three dots) next to any individual post/page to bring up a new menu, then click “Promote with Blaze.”

Now you’ll be in the Blaze Campaign Wizard.

Step 1: Design your ad. The wizard automatically formats your content into a beautiful ad, but you can adjust the image and text however you like.

Step 2: Select your audience. Want to target the whole world? Only people in certain areas? Folks who are reading content about a specific category, like movies or sports? As you adjust these settings, you’ll see our estimate of how many people you’ll reach.

Step 3: Select your dates and set your budget. Run your ad for up to 28 days. As you update your budget and dates, we’ll tell you how many more people you’ll reach.

Step 4: Finish and pay. We may offer the lowest ad prices in the industry, but we also protect your content with a system backed by Verity and Grapeshot. So rest easy knowing that your ads will only show up where they’re supposed to — and nowhere you’d feel strange about.

Once your ad is running, you can check how it’s doing in the “Campaigns” tab of the advertising page.

Our campaigns are billed weekly based on how many times your ad is shown, so you’ll only ever pay for what you signed up for. As always, you can find even more details about this tool on our support page.

This feature is currently only available to users with “English” set as their primary language, but we’re working hard on bringing it to other languages as well.

Let us know what you think about Blaze!

We’re excited to launch this powerful new feature, and we’re eager to get feedback. If you have any questions about it, challenges while using it, or ideas to make it better, please share them with our team. We’ll make sure a real person reads through all of the feedback, and we’ll be working tirelessly to make sure that this tool is something valuable for you.


Join 96,844,605 other subscribers

Source link

Continue Reading

Trending

en_USEnglish