Using the Aspect Ratio Class with Cloudinary Core JS Dynamic Images

image
Classes used:col-md-6 mb-3 cld-responsive img-cover
image
Classes used:col-md-6 mb-3 cld-responsive img-cover

image
Classes used:col-md-4 mb-3 cld-responsive img-cover
image
Classes used:col-md-4 mb-3 cld-responsive img-cover
image
Classes used:col-md-4 mb-3 cld-responsive img-cover

image
Classes used:col-md-3 col-sm-6 mb-3 cld-responsive img-cover
image
Classes used:col-md-3 col-sm-6 mb-3 cld-responsive img-cover
image
Classes used:col-md-3 col-sm-6 mb-3 cld-responsive img-cover
image
Classes used:col-md-3 col-sm-6 mb-3 cld-responsive img-cover

image
Classes used:col-md-6 col-sm-3 mb-3 cld-responsive img-cover
image
Classes used:col-md-6 col-sm-3 mb-3 cld-responsive img-cover
image
Classes used:col-md-6 col-sm-3 mb-3 cld-responsive img-cover
image
Classes used:col-md-6 col-sm-3 mb-3 cld-responsive img-cover
Pingdom Score: 94 Gtmetrix Score: 100 PSInsights Score: 89 Issues: LCP: balloons.jpg CLS: Properly size images: add width Avoid Large Layout Shifts: col-md-4 mb-3 and figcaptions Minify js: cloudinary-core-shrinkwrap Avoid enormous network payloads: preconnect to Cloudinary and Bootstrap cdns Eliminate render blocking resources: bootstrap.css Defer non-critical css, remove unused css, minify and compress css Properly size images: all images, consider moving shrinkwrapjs to top before bootstrap.css Avoid layout shifts: