verbinde dich mit uns

WORTPRESSE

WordPress 5.9 May Boost a Core Web Vitals Metric by Up to 33%

Veröffentlicht

An

wordpress core web vitals 60f15666d5c1b sej

WordPress published an article in their developer section proposing to refine WordPress’ default lazy loading behavior. Testing revealed that the proposed change improved a Core Web Vitals performance metric by as much as 33%.

Proposal to Improve Core Web Vitals in WordPress

The proposal states that fine grain control of the lazy loading attribute belongs in the hands of theme developers.

That said, it was found that by refining how the lazy loading is added by default results in significant improvements in the Core Web Vitals metric called Largest Contentful Paint.

This is how the proposal describes the improvement:

“Instead of lazy-loading all images and iframes by default, the very first content image (also considering featured images) or content iframe should not be lazy-loaded.

This is a more sensitive default than what the current implementation uses, that on average and at scale will result in better LCP performance out of the box, while keeping necessary bandwidth low.”

Lazy Loading and Largest Contentful Paint

Lazy loading is a way to speed up the perceived download of a page by delaying the download of web page elements such as images and iframes that are not needed at the moment.

Using lazy loading, elements like images that are not viewable in the site visitor’s browser screen can be delayed by using an HTML attribute called the loading attribute.

An image is a web page HTML element.

An HTML attribute is code that modifies an HTML element, like an image.

The loading attribute modifies the image, in this case, by telling the browser to delay downloading it.

LESEN  Work with us as a publishing assistant – Like the Wind Magazine

The loading attribute tells the browser to delay downloading an image, freeing the browser to download more important page elements that are immediately viewable to the website visitor.

This makes the page interactive faster for the site visitor.

Largest Contentful Paint (LCP) measures how fast image and other elements download in the site visitors viewport (the browser screen that the visitor sees).

An image is usually coded in HTML like this:

<img src="example.jpg" alt="example text">

Adding lazy loading is a simple matter of adding the lazy load HTML attribute:

<img src="example.jpg" alt="example text" loading="lazy">

How WordPress 5.9 May Improve Largest Contentful Paint

The developer who published the proposal to improve LCP noted that as of WordPress 5.5 the core code added the lazy loading attribute by default to all images and iframes.

But that’s not ideal because the images at the top of the page, like logos and featured images, need to download in order for the web page to become usable.

WordPress implemented lazy loading like this because it had no way to accurately exclude the most important images from receiving the lazy loading attribute.

The reason is because all themes are coded differently and this kind of granular exclusion is best done by the theme developers for that reason.

While the current WordPress implementation of default lazy loading was not ideal, adding lazy loading in this manner is a clear improvement over not adding the loading attribute at all.

What’s being proposed represents a clear improvement as the test results listed below demonstrate.

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

How WordPress Will Improve Largest Contentful Paint

What the WordPress developer team is proposing is to exclude adding the lazy loading attribute to the first image or iframe in the code.

The developer tested this method on the top 50 most popular WordPress themes and discovered that adding it to the first image or iframe element provided an average improvement in the LCP Core Web Vitals score by an average of 7%.

The developer next tested how well LCP improved by adding lazy loading to two elements. The performance gains dropped by an average of 2%, making it clear that excluding lazy loading from more than one element did not improve LCP any better.

These are some of the findings:

“Omitting the first content image from being lazy-loaded resulted in a median LCP improvement of 7% (1,877ms compared to 2,020ms with current core behavior) and a median image bytes increase of 0% (368KB compared to 369KB with current core behavior). → Omitting the first content image clearly results in an LCP improvement while not noticeably regressing on image bytes saved.

Omitting the first two content images from being lazy-loaded resulted in a median LCP improvement of 5% (1,927ms compared to 2,020ms with current core behavior) and a median image bytes increase of 2% (378KB compared to 369KB with current core behavior). → Omitting the first two content images produces worse results for both metrics than only omitting the first one, i.e. it is better to only skip lazy-loading for the first content image, and therefore no additional tests with larger numbers of images not being lazy-loading are needed.”

New WordPress Lazy Loading Test Results

  • 5% of themes in the test group scored LCP scores that were 10% worse to as high as 21% worse.
  • 42% of the themes improved LCP scores from 10% to as high as a 33% better.
  • Testing revealed that the benefits were better for the majority of the tested themes.
LESEN  Google May Core Update, Google Ranking Tremors Galore, Google Marketing Live Ad News & More

According to the WordPress proposal:

“While the median LCP improvement across all themes is only 7%, there are larger notable wins for a significant number of themes, while notable losses are minimal.”

Googler Makes a Proof of Concept Plugin

A WordPress Core committer created a proof of concept (POC) patch in plugin form, presumably for debugging purposes and published it on GitHub.

It’s not an official WordPress plugin release so it’s not advisable to rush out and install it.

Official plugin releases are posted in the WordPress plugin repository.

When Will Refined Lazy Loading Arrive?

The timeline for the improved lazy loading behavior is currently set for WordPress 5.9.

WordPress 5.9 is currently set to be released in December 2021.

The proposal for the improved lazy loading feature is currently undergoing discussion and has so far met with a positive response in the comments.

So unless a currently unforeseen issue arises, it is very possible that improved Largest Contentful Paint scores may be coming to WordPress sites later this year.

Citations

Official WordPress Proposal Announcement
Refining WordPress Core’s Lazy-loading Implementation

WordPress GitHub Page for Lazy Loading Improvement
Omit Lazy-loading Attribute on First Content Image/iframe

Suchmaschinenjournal.com

Behalten Sie im Auge, was wir tun
Seien Sie der Erste, der neueste Updates und exklusive Inhalte direkt in Ihren E-Mail-Posteingang erhält.
Wir versprechen, Sie nicht zuzuspammen. Sie können sich jederzeit abmelden.
Ungültige E-Mail-Adresse

WORTPRESSE

Einen Augenblick…

Veröffentlicht

An

Einen Augenblick...

Just a moment…




Quellenlink

LESEN  Google May Core Update, Google Ranking Tremors Galore, Google Marketing Live Ad News & More
Behalten Sie im Auge, was wir tun
Seien Sie der Erste, der neueste Updates und exklusive Inhalte direkt in Ihren E-Mail-Posteingang erhält.
Wir versprechen, Sie nicht zuzuspammen. Sie können sich jederzeit abmelden.
Ungültige E-Mail-Adresse
Weiterlesen

WORTPRESSE

Binance Pay erobert Afrika und Südasien im Sturm – Cryptopolitan

Veröffentlicht

An

Binance Pay sieht wachsendes Interesse in Afrika, Südasien und Independent

The world’s largest cryptocurrency exchange, Binance, has carved out a niche for itself in Africa and South Asia through its payments service, Binance Pay.

As it expands its sphere of influence, this digital payment system is making significant strides in connecting cryptocurrencies with tangible goods and services, according to Pakning Luk, a regional business development leader at Binance.

Binance Pay: Bridging the gap

A brainchild of the crypto giant, Binance Pay came to life in 2021 and has since grown rapidly, boasting over 30 million users across various regions. Its appeal extends from virtual markets to brick-and-mortar retailers, highlighting its versatility and commitment to bringing cryptocurrency to the forefront of everyday transactions.

A pending collaboration with WooCommerce, an e-commerce plugin utilized by approximately 40% of global websites, is set to exponentially enhance Binance Pay’s reach. This integration will permit crypto-savvy shoppers to use around 70 different tokens for transactions, thereby merging the crypto universe with everyday commerce.

Given WooCommerce’s broad merchant network, this partnership stands to amplify Binance Pay’s presence, establishing it as a powerhouse for crypto-driven transactions for a plethora of businesses and customers.

The African, South Asian, and Eurasian nations within the Commonwealth of Independent States are particularly drawn to the platform, employing it for remittances and online shopping.

LESEN  7 KI-Plugins für WordPress und Woocommerce

In a bid to offer diverse options, Binance Pay has secured an integration with an aggregator, enabling its users to use their crypto for car-hailing services such as Uber, Bolt, and Grab.

This means customers can secure a ride using their Binance Pay accounts without having to navigate away to other apps.

Ahead of the current strife with Russia, Binance Pay had been gaining traction in Ukraine through strategic alliances with Varus, a local supermarket chain, and WOG, a gas station network. These partnerships provided the service with a strong foothold in the region.

Future focus: Partnerships over competition

When queried about Binance Pay’s potential rivalry with payment behemoths like PayPal, Luk refuted the idea of competition, asserting that Binance Pay was more invested in forming partnerships and working collaboratively within the industry.

He even mooted the possibility of Binance Pay serving as a crypto-to-fiat gateway for platforms like PayPal, as it increasingly identifies itself as a payments infrastructure equivalent to Visa or Mastercard.

The willingness to work in tandem with major players is evident in Luk’s comments: “We would welcome global players like PayPal to be our channel partners who can then aggregate different payment methods, including crypto payment methods, to allow merchants and the end users can choices to make payments with.”

LESEN  Advantages of Using WooCommerce to Build Your Ecommerce Store

As regulatory scrutiny of the cryptocurrency industry intensifies in the aftermath of FTX’s collapse and the downfall of several lending firms, Binance remains steadfast. Luk disclosed that Binance is duly focused on compliance and licensing in diverse jurisdictions to meet the requisite standards.

Binance Pay’s trajectory is a testament to how cryptocurrencies are becoming an integral part of our everyday financial interactions. While the space remains fraught with regulatory challenges, the success of platforms like Binance Pay underlines the promise and potential of the burgeoning crypto economy.

Disclaimer: The information provided is not trading advice. Cryptopolitan.com holds no liability for any investments made based on the information provided on this page. We strongly recommend independent research and/or consultation with a qualified professional before making any investment decision.

Quellenlink

Behalten Sie im Auge, was wir tun
Seien Sie der Erste, der neueste Updates und exklusive Inhalte direkt in Ihren E-Mail-Posteingang erhält.
Wir versprechen, Sie nicht zuzuspammen. Sie können sich jederzeit abmelden.
Ungültige E-Mail-Adresse
Weiterlesen

WORTPRESSE

Maximierung der Kundendatenerfassung mit benutzerdefinierten Registrierungsfeldern in WooCommerce

Veröffentlicht

An

Maximierung der Kundendatenerfassung mit benutzerdefinierten Registrierungsfeldern in WooCommerce

In today’s digital age, data is king; for online retailers, customer data is everything. With the help of customer data, businesses can get valuable insights into the buying patterns of their customers. Custom registration fields are one of the best ways to collect customer data. This blog post will discuss how to maximize customer data collection with custom registration fields in WooCommerce.

What are Custom Registration Fields in WooCommerce?

Custom registration fields are additional fields that can be added to the registration form on your WooCommerce website. By default, WooCommerce only collects basic customer information such as name, email address, and billing and shipping address. However, adding custom registration fields allows you to collect additional information such as date of birth, gender, occupation, and more.

Why Maximize Customer Data Collection?

Today, customer data is nothing less than a gold mine for online sellers. As per the study, as of January 2023, there were 5.16 billion internet users worldwide, which is 64.4% of the global population.

You can get valuable insights into your customers’ preferences, behaviors, and buying patterns through customer data collection. You can use customer-centric data to create targeted marketing campaigns, personalized product recommendations, and more. Also, customer data can help you improve your website and make it more user-friendly.

How to Maximize Customer Data Collection with Custom Registration Fields in WooCommerce?

• Identify the Data You Want to Collect

Sammeln Sie Daten über benutzerdefinierte Registrierungsfelder

When identifying the data you want to collect through custom registration fields, it’s essential to consider what information will be most helpful to your business. This will depend on your industry, your business goals, and the type of products or services you offer.

Following are a few examples of data that you might want to collect:

  • Personal information such as name, email address, and phone number
  • Demographic information such as age, gender, and location
  • Information about customers’ preferences and interests, such as favorite products or styles
  • Information about customers’ behavior, such as purchase history and frequency
LESEN  9 Best Age Verification Plugins for WordPress (Compared)

By collecting this type of data, you can better understand your customers and tailor your marketing efforts accordingly. For example, if many of your customers are interested in a particular product type, you can focus your marketing efforts on that category.

• Add Custom Registration Fields to Your Website

Once you have identified the data you want to collect, you can add custom registration fields to your WooCommerce website. There are a few different ways to do this, but one of the easiest is to use a plugin such as WooCommerce Registration Fields or Advanced Custom Fields.

With these plugins, you can easily add custom fields to your registration form and customize the fields to collect the specific information you want. You can also choose whether the fields are required or optional.

• Make Fields Required

To maximize your data collection efforts, make the custom registration fields required. This means that customers can only complete the registration process after filling in all of the required fields.

By making the fields required, you ensure that you collect as much data as possible from each customer. This data can be invaluable in helping you better understand your customers and tailor your marketing efforts accordingly.

• Use the Data for Marketing Campaigns

Daten für Marketingkampagnen

Finally, you can use the data you collect through custom registration fields to create targeted marketing campaigns. For example, if you collect information about customers’ birthdays, you can create special birthday offers for customers on their special day. Similarly, if you collect information about customers’ preferences or interests, you can use this information to create targeted email campaigns or social media ads.

By using customer data to create targeted marketing campaigns, you can increase the effectiveness of your marketing efforts and drive more sales for your business.

• How to Add Custom Registration Form Fields

The steps will manually guide you to add custom registration fields to your WooCommerce site.

LESEN  Ein Rundgang durch die brandneue Statistikseite – WordPress.com News

1st Step: Enable “Customer Registration”

The first step is to enable the “WooCommerce registration forms” on the account login page. To implement,

Navigate to WooCommerce > Settings > Accounts

Checkmark “Enable Customer Registration” on the ‘My Account’ page.

WooCommerce-Registrierungsformulare

Once you enable the option, you can see the WooCommerce registration as a front-end version.

2nd step: Insert Custom Code in Functions.PHP File

The default WooCommerce registration form has limited relevant fields, making it relatively simplistic. However, it is possible to enhance the form by adding additional fields of your preference.

To achieve this, simply add the following code to the functions.php file in your theme folder. This will enable you to incorporate new fields, including first and last name, phone number, and other custom fields you may require.

function wooc_extra_register_fields() {?>

<p class="”form-row" form-row-wide”>

<label for=”reg_billing_phone”><?php _e( ‘Phone’, ‘woocommerce’ ); ?></label>

<input type=”text” class=”input-text” name=”billing_phone” id=”reg_billing_phone” value=”<?php esc_attr_e( $_POST[‘billing_phone’] ); ?>” />

</p>

<p class="”form-row" form-row-first”>

<label for="”reg_billing_first_name”"><?php _e( ‘First name’, ‘woocommerce’ ); ?><span class="”required”">*</span></label>

<input type=”text” class=”input-text” name=”billing_first_name” id=”reg_billing_first_name” value=”<?php if ( ! empty( $_POST[‘billing_first_name’] ) ) esc_attr_e( $_POST[‘billing_first_name’] ); ?>” /> 

</p> 

<p class="”form-row" form-row-last”>

<label for="”reg_billing_last_name”"><?php _e( ‘Last name’, ‘woocommerce’ ); ?><span class="”required”">*</span></label>

<input type=”text” class=”input-text” name=”billing_last_name” id=”reg_billing_last_name” value=”<?php if ( ! empty( $_POST[‘billing_last_name’] ) ) esc_attr_e( $_POST[‘billing_last_name’] ); ?>” />

</p>

<div class="”clear”"></div>

<?php

}

add_action( ‘woocommerce_register_form_start’, ‘wooc_extra_register_fields’ );

If you reload the page after inserting the code, you’ll see that the fields have been updated on the WooCommerce registration form.

Anmelde- und Registrierungsformulare für Woocommerce

“billing_” before the respective field name. This ensures that the information the customer enters is correctly processed and associated with the appropriate billing details.

Now that we understand how to add custom fields to our registration form, let’s look at a comprehensive list of WooCommerce form fields. This will help us further enhance our website’s functionality and user experience, providing customers with a seamless shopping experience.

· billing_first_name
· billing_last_name
· billing_state
· billing_country
· billing_city
· billing_phone
· billing_company
· billing_address
· billing_email
· billing_postcode

LESEN  7 KI-Plugins für WordPress und Woocommerce

3rd Step: Form Fields Validation

After custom field creation, you must validate the newly inserted form fields.
For structure field validation, insert the accompanying code lines towards the end of the functions.php file in the theme folder.

/**
* register fields Validating.
*/

function wooc_validate_extra_register_fields( $username, $email, $validation_errors ) {

if ( isset( $_POST[‘billing_first_name’] ) && empty( $_POST[‘billing_first_name’] ) ) {
$validation_errors->add( ‘billing_first_name_error’, __( ‘Error: First name is required!’, ‘woocommerce’ ) );
}

if ( isset( $_POST[‘billing_last_name’] ) && empty( $_POST[‘billing_last_name’] ) ) {
$validation_errors->add( ‘billing_last_name_error’, __( ‘Error: Last name is required!.’, ‘woocommerce’ ) );
}
return $validation_errors;
}

add_action( ‘woocommerce_register_post’, ‘wooc_validate_extra_register_fields’, 10, 3 );

The code above validates the $_POST array and generates an error message if any values are missing or incorrect. It also allows for customized validation rules to be applied to specific fields.

4th Step: Save Your Values in the Database

Now, we have to save the values in the database. For value insertion in the database, put the following function in the theme’s functions.php file.

/**
* Below code saves extra fields.
*/

function wooc_save_extra_register_fields( $customer_id ) {
if ( isset( $_POST[‘billing_phone’] ) ) {
// Phone input filed which is used in WooCommerce
update_user_meta( $customer_id, ‘billing_phone’, sanitize_text_field( $_POST[‘billing_phone’] ) );
}

if ( isset( $_POST[‘billing_first_name’] ) ) {
//First name field which is by default
update_user_meta( $customer_id, ‘first_name’, sanitize_text_field( $_POST[‘billing_first_name’] ) );
// First name field which is used in WooCommerce
update_user_meta( $customer_id, ‘billing_first_name’, sanitize_text_field( $_POST[‘billing_first_name’] ) );
}

if ( isset( $_POST[‘billing_last_name’] ) ) {
// Last name field which is by default
update_user_meta( $customer_id, ‘last_name’, sanitize_text_field( $_POST[‘billing_last_name’] ) );
// Last name field, which is used in WooCommerce
update_user_meta( $customer_id, ‘billing_last_name’, sanitize_text_field( $_POST[‘billing_last_name’] ) );
}
}

add_action( ‘woocommerce_created_customer’, ‘wooc_save_extra_register_fields’ );

Einpacken

Custom registration fields in WooCommerce are a powerful tool for collecting customer data. You can maximize your customer data collection efforts by identifying the data and adding custom registration fields to your website. Data utilization allows you to make marketing campaigns seamlessly successful, make personalized product recommendations, drive sales, and grow your business.

Quellenlink

Behalten Sie im Auge, was wir tun
Seien Sie der Erste, der neueste Updates und exklusive Inhalte direkt in Ihren E-Mail-Posteingang erhält.
Wir versprechen, Sie nicht zuzuspammen. Sie können sich jederzeit abmelden.
Ungültige E-Mail-Adresse
Weiterlesen

Im Trend

de_DE_formalDeutsch (Sie)