Gmeek
Gmeek copied to clipboard
图片懒加载代码
// 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 影响网站加载速度。目前通过这个方案变相的挽回了一点速度 是否有更好的优化方案?可以让链接不被自动替换