为我的博客网站实现Lazyload的更好方法

Question

我正在尝试对我的博客网站（link）使用lazyload（代码/插件Site link）。我已经用了很少的帖子只是为了检查结果。我面临的问题是

1. 加载图像需要花费更多时间，例如用户必须等待2或3秒钟才能加载图像。
2. 可在PC或移动设备上的现代浏览器中使用，但不能在具有常规浏览器的手机上使用。

这是实现方式

1. 在关闭博客主题html中的body标签之前，我使用了以下代码。

   <script src='https://cdn.jsdelivr.net/npm/lazyload@2.0.0-rc.2/lazyload.js' type='text/javascript'></script>
   <script>window.addEventListener("load", function(event) {let images = document.querySelectorAll("[data-original]"); let lazy = lazyload(images, {"src": "data-original"}); });</script>
   

2. 我正在从此更改博客图像

    <img alt="" src="original image link"/>
   

   到

    <img alt="" class="lazyload" data-original="original image link"/>
   

以下是我为之实施此Post 1，Post 2

的一些链接

我需要帮助

1. 这种做事方法好吗？（如果不是，请提出更好的建议）
2. 还有其他方法可以快速加载图像吗？

谢谢