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";

src/scss/04-utilities/utilities.scss

@@ -2026,7 +2026,6 @@ __metadata:
     imagemin-optipng: ^8.0.0
     imagemin-svgo: ^10.0.1
     js-yaml: ^4.1.0
-    lazysizes: ^5.3.2
     mini-css-extract-plugin: ^1.5.0
     oneloop.js: ^5.2.0
     portfinder: ^1.0.28
@@ -6847,13 +6846,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lazysizes@npm:^5.3.2":
-  version: 5.3.2
-  resolution: "lazysizes@npm:5.3.2"
-  checksum: 6126c800bee810e27961ceab39e6940391f54ce42241cf11dcdc5effcf42d0f4ba509a6c126f578a20ba4d60ad6a9fbae2b2518c168494fa0184b644dac65bda
-  languageName: node
-  linkType: hard
-
 "levn@npm:^0.4.1":
   version: 0.4.1
   resolution: "levn@npm:0.4.1"