打开 portfolio 这个页面，观察一下浏览器的控制台，现在这里会显示一条警告，提示页面上显示的第一张图片，was detected as the Largest Contentful Paint，意思是说 Next.js 检测到在页面上显示的这张图片会作为最大内容绘制。

Largest Contentful Paint 简称 LCP，它是浏览器评测页面性能的一个指标。指的是当页面初次加载时，页面上的最大的图像或者文本区块的显示时间。

Please add the "priority" property if this image is above the fold， 如果这张图像在 fold 之上，请在图像上添加 priority 属性。fold 之上指的是网页不用滚动就可以显示的部分，fold 之下指的就是需要滚动才能看到的部分。

因为使用 Image 组件显示的图像默认都会被懒加载，如果你希望图像提前被加载，可以在 Image 组件上添加一个 priority 属性。

打开网络选项卡，过滤出图片，刷新一下这个作品页面，显示有两张图像被载入了。

回到项目，我们先试一下在第四张图像的上面，添加一个 priority 属性，再回到浏览器，刷新页面。这次会显示有三张图像被加载了。虽然第四张图像不在可视窗口之内，但是在它上面用了 priority ，所以这张图像会提前被加载。

再回到项目，按照浏览器控制台上的提示，我们需要在第一张要显示的图像的上面，添加一个 priority 属性。

现在控制台上就不会再出现之前我们看到的提示了。