以下是Chrome浏览器优化页面加载时图片和视频显示的方法：
图片优化
1. 开启图片延迟加载：在Chrome浏览器中，可安装扩展程序来实现图片延迟加载。例如“Lazy Load XT”等扩展程序，安装后，页面上的图片不会在页面初始加载时就全部加载，而是当用户滚动到图片所在位置时才进行加载，这样可以减少页面初始加载的时间和流量消耗。
2. 调整图片缓存设置：在Chrome的设置中，可对图片缓存进行优化。点击右上角的三个点图标，选择“设置”，然后在左侧菜单中点击“高级”。在“隐私和安全”部分，点击“内容设置”，再选择“缓存”。在这里，可以调整缓存的大小和时间，适当增加缓存大小和延长缓存时间，可以让浏览器更快地加载之前访问过的图片，减少重复加载的次数。
3. 压缩图片：如果网页允许用户上传图片，可在上传前使用图片压缩工具对图片进行压缩，降低图片的分辨率和文件大小。例如使用“TinyPNG”等在线压缩工具，将图片压缩到合适的大小后再上传，这样可以加快图片在页面上的加载速度。对于网页开发者来说，在编写网页代码时，也可以使用图片压缩算法对图片进行处理，然后再将图片嵌入到网页中。
4. 使用合适的图片格式：根据图片的内容和用途，选择合适的图片格式。例如，对于照片类图片，可以使用JPEG格式，它能够在保证一定图片质量的前提下，有效地压缩图片文件大小；对于图形、图表等简单的图片，可以使用PNG格式，它支持透明背景，并且文件大小相对较小。此外，还有WEBP格式，它是一种更高效的图片格式，具有更好的压缩比和图像质量，但需要注意浏览器的兼容性。
视频优化
1. 调整视频播放设置：在Chrome浏览器中，可点击视频右下角的设置按钮（通常是一个齿轮图标），在弹出的菜单中调整视频的清晰度、帧率等参数。如果网络状况不佳，可适当降低视频的清晰度或帧率，以减少视频的加载时间和缓冲次数。同时，还可以关闭视频的硬件加速功能（如果不需要的话），在设置中找到“高级”选项，然后在“系统”部分找到“使用硬件加速模式（如果可用）”选项，将其取消勾选，这样可以避免硬件加速可能带来的一些问题，提高视频播放的稳定性。
2. 使用视频缓存：与图片缓存类似，Chrome浏览器也会对视频进行缓存。在设置中，可调整视频缓存的大小和位置，以提高视频的加载速度。在“内容设置”中的“缓存”选项里，可以设置视频缓存的相关参数。另外，一些视频网站本身也提供了缓存功能，用户可以在网站上开启缓存，将常用的视频缓存到本地，这样在下次观看时就可以直接从本地缓存中读取视频数据，而不需要重新从网络加载。
3. 优化视频编码：对于网页开发者来说，在制作网页视频时，可以使用合适的视频编码格式和参数来优化视频的加载和显示。例如，使用H.264编码格式，它可以在保证视频质量的同时，有效地压缩视频文件大小。还可以根据视频的分辨率、帧率等参数进行调整，以适应不同用户的网络环境和设备性能。此外，还可以使用视频分段技术，将视频分成多个小段，然后依次加载和播放，这样可以减少视频的初始加载时间，提高视频的播放流畅度。