perf (lazysizes): remove lazysizes, use native lazy attribute instead

Author: firestar300

package.json

@@ -17,7 +17,6 @@
   "license": "GPL-2.0",
   "dependencies": {
     "@fontsource/poppins": "^5.0.5",
-    "lazysizes": "^5.3.2",
     "oneloop.js": "^5.2.1"
   },
   "devDependencies": {

src/js/editor.js

@@ -2,21 +2,10 @@
 
 /* Customize BFFEditorSettings in inc/Services/Editor.php or with `bff_editor_custom_settings` filter (see readme). */
 
-import lazySizes from 'lazysizes'
-import 'lazysizes/plugins/native-loading/ls.native-loading'
-import 'lazysizes/plugins/object-fit/ls.object-fit'
 import domReady from '@wordpress/dom-ready'
 import { addFilter } from '@wordpress/hooks'
 import { unregisterBlockStyle, getBlockVariations, unregisterBlockVariation } from '@wordpress/blocks'
 
-/**
- * LazySizes configuration
- * https://github.com/aFarkas/lazysizes/#js-api---options
- */
-lazySizes.cfg.nativeLoading = {
-  setLoadingAttribute: false,
-}
-
 // Native Gutenberg
 domReady(() => {
   // Disable specific block styles

src/js/index.js

@@ -1,5 +1,3 @@
-import 'lazysizes'
-import 'lazysizes/plugins/print/ls.print'
 import './classes/ScrollDirection'
 import './classes/ButtonSeoClick'
 import './classes/Header'

src/scss/02-tools/_m-placeholder-media.scss

@@ -28,11 +28,6 @@
         content: "";
     }
 
-    .lazyload,
-    .lazyloading {
-        height: 0;
-    }
-
     #{$targets} {
         position: absolute;
         top: 0;

src/scss/04-utilities/_lazyload.scss

@@ -1,6 +1,5 @@
 @import "./wp-admin-bar";
 @import "./focus";
-@import "./lazyload";
 @import "./seo";
 @import "./video-wrapper";
 @import "./palette";