要优化Chrome浏览器的网页兼容性，可以采取以下措施：
1. 使用CSS媒体查询：通过在CSS中使用媒体查询，可以根据不同屏幕尺寸和分辨率来调整样式。这样可以确保在不同设备上都能获得良好的视觉效果。
2. 使用响应式设计：通过使用媒体查询和CSS框架（如Bootstrap、Foundation等），可以实现响应式设计，使网页在不同设备上都能适应不同的屏幕尺寸和分辨率。
3. 使用JavaScript库：可以使用一些JavaScript库（如jQuery、Bootstrap等）来实现页面布局和交互效果，这样可以减少对CSS的依赖，提高兼容性。
4. 使用第三方库：可以使用一些第三方库（如jQuery UI、Bootstrap等）来实现页面布局和交互效果，这样可以减少对CSS的依赖，提高兼容性。
5. 使用HTML5特性：尽量使用HTML5的新特性，如video、audio、canvas等，这些特性在大多数现代浏览器中都得到了支持。
6. 使用Web字体：使用Web字体可以提高网页的可读性和美观性，但需要注意字体文件的大小和加载时间。
7. 使用图片替代CSS动画：如果需要实现动画效果，可以使用图片而不是CSS动画。这样可以减少对浏览器的支持要求，提高兼容性。
8. 使用HTTP/2协议：使用HTTP/2协议可以提高网页的传输效率，减少延迟，提高用户体验。
9. 使用缓存策略：合理设置浏览器缓存策略，如设置合理的过期时间、使用ETag等，可以提高网页的加载速度和兼容性。
10. 使用浏览器扩展程序：使用浏览器扩展程序可以帮助开发者更好地测试和调试网页，提高兼容性。