以下是在Chrome浏览器中优化图片异步加载效果的方法：
1. 使用懒加载技术：懒加载是一种常见的优化图片加载的技术。在网页中，通过JavaScript代码监听图片是否进入可视区域，只有当图片即将出现在用户视野中时才进行加载。这样可以大大减少页面初始加载时的图片请求数量，加快页面加载速度。例如，可以使用一些开源的懒加载库，如LazyLoad.js，将其引入到网页中，并通过简单的配置就可以实现图片的懒加载功能。
2. 优化图片格式和大小：选择合适的图片格式可以有效减小图片文件的大小。对于照片类图片，通常可以使用JPEG格式，并且可以通过调整压缩质量来平衡图片质量和文件大小。对于图标、简单图形等，可以使用PNG或者更先进的WebP格式。WebP格式在保证图片质量的同时，通常能够显著减小文件大小。此外，还可以使用图像编辑工具对图片进行裁剪、缩小尺寸等操作，去除不必要的部分，进一步降低图片的大小。
3. 设置图片加载顺序：合理安排图片的加载顺序也很重要。可以将关键的图片，如页面顶部的重要视觉图，优先加载，而将其他次要的图片设置为懒加载。这样既能保证用户首先看到重要内容，又能提高页面整体的加载效率。通过JavaScript代码，可以控制图片的加载优先级，确保关键图片在页面加载时尽快显示。
4. 利用浏览器缓存：当用户再次访问页面时，如果图片已经缓存在本地，就不需要重新下载，可以大大提高页面的加载速度。为了实现这一点，需要合理设置图片的缓存头信息。在服务器端，可以通过配置HTTP头中的Cache-Control字段，指定图片的缓存时间。这样，当用户再次访问页面时，浏览器会从缓存中直接获取图片，而不是重新发送请求到服务器。
5. 异步加载脚本的优化：在使用JavaScript实现图片异步加载时，也要注意脚本本身的性能优化。避免在页面加载时执行过于复杂的脚本，可以将脚本放在页面底部，或者使用async或defer属性异步加载脚本。这样可以减少脚本对页面渲染的阻塞，提高页面的加载速度。同时，合并多个小的JavaScript文件为一个大文件，也可以减少HTTP请求的数量，进一步提高性能。