我正在使用nextjs为一个网站，其中有一个画廊，我想开始预加载所有的资产，从画廊，只要我们进入页面，但似乎不知道如何做到这一点。我曾试图隐藏一个链接到画廊的布局，头部，第一页，但它似乎不工作。我正在使用nextjs图像组件，但不'I don“我没有发现它在图像优化方面如此强大，但也许我做错了。
请帮帮忙🙏

const GalleryUnit = ({ publicId, openRecap }) => {
  const galleryUnitRef = useRef();
  const placeholderSrc = assetPath(publicId, "jpg", 1);
  const src = assetPath(publicId, "jpg", 100);

  return (
    <motion.div
      variants={unitAnim}
      ref={galleryUnitRef}
      className="galleryUnit relative"
      onClick={openRecap}
    >
      <Image
        src={src}
        placeholder={placeholderSrc}
        alt="Lia's art"
        fill
        sizes="100%"
      />
    </motion.div>
  );
};