 Latest news, tutorials, and best practices for Magento

Blogs In {category_name}

Stay updated with the latest Magento news, tutorials, and expert tips. Learn best practices to grow your store with insights from FMEextensions.

Magento Blog by FMEextensions | Tips, Tutorials & Insights

FME Extensions Blog

<p>Cyber Monday & Black Friday Sale: 25% off on All products. <strong style='font-weight: 800'>Coupon code: FMECM2025</strong></p>

Enter your email and join our blog newsletter

Partner with us this year and get up to 40% discounts

Enjoy 40% Off 

Discover the benefits of using WebP images for Magento 2 stores—faster load times, improved performance, and better user experience.

Benefits of Using WebP Images for Magento 2 Stores

In a previous discussion, we talked about how to convert images to WebP in Magento 2. While we did list the benefits of WebP format, it was quite brief. Our focus was more on learning how to convert images to WebP format. We recommend using a Magento 2 WebP image extension since it is faster and offers advanced features such as lazy loading. In this article, we will delve into the benefits in much more detail. Before doing so, let’s develop a comprehensive understanding of what are WebP Images.

How to Optimize Magento 2 Website Performance with WebP Images?

How to Add Product Quick View Popup in Magento 2?

Subscribe Our Newsletter

Magento 2 Extensions

Services

Support

Blog

HomePage Categories FME Extensions View

GraphQL Compatible M2 Extensions

Cache Warmer

Restrict Fake Registration

Delete Account

Hyva Compatible Magento 2 Extensions

Minimum Order Amount For Customer Group

Catalog

Multi Select Layered Navigation

Smart Compare

Improved Sorting

Administration

Restore Canceled Order

SMTP

Image & Media

Social Media Feed

Background Images

Custom Popups

Content Management

Jobs Manager

SEO Friendly Blog Extension

Customer Reviews & Testimonials

Cart & Checkout

Smart Wishlist

Distance Based Shipping

Product Pricing 

Hide Price For Guest

Customer Group Pricing

Product Inquiry

Marketing & SEO

Cross Links

(Ultimate Pack) SEO Extension

SEO Meta Tags Templates

Sales & Promotions

Magento 2 WhatsApp Chat 

WhatsApp Share

Frequently Bought Together

Website Security - Geoip

Auto Currency Switcher

Restrict Products by Customer Group

Speed Optimization

WebP Images Extension

Image Clean

User Experience

Lookbook

Mobile OTP Login

Limit Order Quantity Per Category

Integrations

Xero Integration

Legal

GDPR

Free

Free Promo Popup

Magento 2 Refund Request

Free Google Maps Store Locator

Magento Outsourcing Services

Magento Code Audit Services

Magento Performance Audit Services

Count on our Magento experts to address your queries.

Our Support Team is available 9am - 6pm GMT+5

Reach out to us and share your interests with our team.

Got a project ? Fill out our request for a quote form.

See our FAQs to get an Instant answer to your question.

Ensure your Magento store success with our expert support and maintenance services.

With the Magento 1x support now expired, getting your old Magento upgraded is not just imperative for your business’s lifeline, but mandatory by order.

FME extensions offers services of fresh installation of the latest Magento release on your hosting server. These Magento Installation Services do not include any upgrades. However, if you are interested in acquiring our Magento Upgrade Services please Contact Us  through Request for Quote and tell us about the customizations or extensions that you have installed.

FME Extensions’ aim is to provide its clients with the latest and most premium services for their Online Stores! Providing all the data needed for this process, you allow us to perform this task in the quickest and most productive way. The Magento Theme Installation process normally takes up to 2 business days if there are no complications. The experienced developers working for us at FME perform the Magento Theme Installation service in a way that it guarantees to avoid any technical problems at the very beginning.

FME Extensions offer store owners the most incomparable services to improve their Online Store standards and increase their sales. Our expert designers can create a Custom Magento Store Design for you based on your requirements. These designs are composed from the scratch and store owners are provided with the source files once the design is determined. Store owners can also hire us to amalgamate the Design into our Shopping Cart.

A premier Magento solutions provider, FME is a 360-degree Magento development powerhouse.

try {
  (function () {
    function onUrlChange(callback) {
      let lastUrl = window.location.href;
      const observer = new MutationObserver(() => {
        if (window.location.href !== lastUrl) {
          lastUrl = window.location.href;

          try {
            // Run ONLY on cart page
            if (lastUrl === "https://www.fmeextensions.com/cart") {
              const target = document.querySelector(".empty_cart_prod_list");

              if (!target) return;

              const observer = new MutationObserver(() => {
                const cards = document.querySelectorAll(
                  ".empty_cart_prod_list .prod_card"
                );

                cards.forEach((card) => {
                  const nameEl = card.querySelector(".prod_name");
                  const priceEl = card.querySelector(".prod_price");

                  let removeCard = false;

                  if (nameEl) {
                    const name = nameEl.textContent.replace(/\s+/g, " ").trim();
                    if (name.endsWith("M1")) {
                      removeCard = true;
                    }
                  }
                  if (priceEl) {
                    const raw = priceEl.textContent
                      .replace(/[^0-9.]/g, "")
                      .trim();

                    const price = parseFloat(raw || "0");

                    if (price == 0) {
                      removeCard = true;
                    }
                  }

                  if (removeCard) {
                    console.log('Remove Card')
                    card.remove();
                  }
                });
              });

              observer.observe(target, { childList: true, subtree: true });
            }
          } catch (e) {}

          callback(lastUrl);
        }
      });

      try {
        // Run ONLY on cart page
        if (lastUrl === "https://www.fmeextensions.com/cart") {
          const target = document.querySelector(".empty_cart_prod_list");

          if (!target) return;

          const observer = new MutationObserver(() => {
            const cards = document.querySelectorAll(
              ".empty_cart_prod_list .prod_card"
            );

            cards.forEach((card) => {
              const nameEl = card.querySelector(".prod_name");
              const priceEl = card.querySelector(".prod_price");

              let removeCard = false;

              if (nameEl) {
                const name = nameEl.textContent.replace(/\s+/g, " ").trim();
                if (name.endsWith("M1")) {
                  removeCard = true;
                }
              }
              if (priceEl) {
                const raw = priceEl.textContent.replace(/[^0-9.]/g, "").trim();

                const price = parseFloat(raw || "0");

                if (price === 0) {
                  removeCard = true;
                }
              }

              if (removeCard) {
                console.log('Remove Card')
                card.remove();
              }
            });
          });

          observer.observe(target, { childList: true, subtree: true });
        }
      } catch (e) {}

      observer.observe(document, { subtree: true, childList: true });

      const originalPushState = history.pushState;
      history.pushState = function () {
        originalPushState.apply(this, arguments);
        window.dispatchEvent(new Event("pushstate"));
      };

      const originalReplaceState = history.replaceState;
      history.replaceState = function () {
        originalReplaceState.apply(this, arguments);
        window.dispatchEvent(new Event("replacestate"));
      };

      window.addEventListener("popstate", () => callback(window.location.href));
      window.addEventListener("pushstate", () =>
        callback(window.location.href)
      );
      window.addEventListener("replacestate", () =>
        callback(window.location.href)
      );
    }

    function modifyLinks() {}

    onUrlChange(() => {
      modifyLinks();
    });

    modifyLinks();

    const linkObserver = new MutationObserver(() => modifyLinks());
    linkObserver.observe(document, { subtree: true, childList: true });
  })();
} catch (e) {}
