Gmeek icon indicating copy to clipboard operation
Gmeek copied to clipboard

图片懒加载代码

Open cao-gift opened this issue 7 months ago • 3 comments

// lazyload.js
   document.addEventListener('DOMContentLoaded', () => {
     const images = document.querySelectorAll('img[data-src]');

     const lazyLoad = target => {
       const io = new IntersectionObserver((entries, observer) => {
         entries.forEach(entry => {
           if (entry.isIntersecting) {
             const img = entry.target;
             img.src = img.dataset.src;
             img.onload = () => {
               img.classList.add('loaded');
             };
             observer.disconnect();
           }
         });
       });

       io.observe(target);
     };

     images.forEach(img => {
       lazyLoad(img);
     });
   });

配置在config.json中的script添加 (https://123.com/assets/lazyload.js需换成自己的)

我发现图床链接在issues中会自动替换,例如https://bu.dusays.com/2024/07/01/66828891cb9e5.jpg 被自动替换成https://camo.githubusercontent.com/d32ea046717f60154c94d7523619f8a291082d5778e5817900f586b5f8c83595/68747470733a2f2f62752e6475736179732e636f6d2f323032342f30372f30312f363638323838393163623965352e6a7067 影响网站加载速度。目前通过这个方案变相的挽回了一点速度 是否有更好的优化方案?可以让链接不被自动替换

cao-gift avatar Jul 20 '24 13:07 cao-gift