[bug] Image is not lazy loaded when having lazy in img loading attribute

[zluo01]

Describe the bug

Follow up on this #9825 as there is no response to it.

Reproduction

clone repo: https://github.com/zluo01/tauri-lazy-image-load

When run npm run dev and open in either chrome or firefox and enable disable cache in console, there should be only subset of image is loaded including when refreshing the page. And when scrolling down, console will show more requests being made.

However, in tauri, all images are loaded.

Expected behavior

Images should be lazy loaded when having loading=lazy attribute

Full tauri info output

[✔] Environment
    - OS: Fedora 40 X64
    ✔ webkit2gtk-4.0: 2.44.1
    ✔ rsvg2: 2.57.1
    ✔ rustc: 1.79.0 (129f3b996 2024-06-10)
    ✔ cargo: 1.79.0 (ffa9cf99a 2024-06-03)
    ✔ rustup: 1.27.1 (54dd3d00f 2024-04-24)
    ✔ Rust toolchain: stable-x86_64-unknown-linux-gnu (default)
    - node: 21.0.0
    - yarn: 1.22.22
    - npm: 10.2.0

[-] Packages
    - tauri [RUST]: 1.6.8
    - tauri-build [RUST]: 1.5.2
    - wry [RUST]: 0.24.10
    - tao [RUST]: 0.16.9
    - @tauri-apps/api [NPM]: 1.5.6
    - @tauri-apps/cli [NPM]: 1.5.14

[-] App
    - build-type: bundle
    - CSP: unset
    - distDir: ../dist
    - devPath: http:https://localhost:1420/
    - framework: React
    - bundler: Vite

Stack trace

No response

Additional context

No response