Cloudinary Blog

Cloudinary Offers Support for sonar Tool

Cloudinary offers support for sonar tool

Cloudinary is now supporting the sonar tool, an open source platform that aims to bring together best practices for web developers.

What is sonar?

sonar is a linting tool for the web that was developed out of Microsoft's Edge team. The code for the project was donated to the JS Foundation and development is open and looking for input from anyone in the web community, such as browser vendors, web experts and developers.

There are four primary goals for sonar:

  • Use the community to identify key web development best practices

  • Provide tools that help web developers write the best possible code

  • Help identify issues in existing code that do not adhere to current best practices

  • Promote community tools and services that drive web development best practices

Currently sonar supports jsdom, Chrome and Edge 15 web browsers, and expect to add support for Firefox soon. sonar is also integrating other best-in-class tools and services, such as aXe for accessibility and SSL Server Test for checking the certificate configuration.

Webinar
How to Optimize for Page Load Speed

Cloudinary Helps Assess Site Speed

sonar's scanner tool currently tests the following for web sites:

  1. Accessibility of the website to serve users with impairments or disabilities

  2. Interoperability with of the site with different browsers

  3. Performance for fast page load time

  4. Progressive Web Apps tests the interactions of the site with iOS touch icon and mobile software that supports the web app manifest file.   

  5. Security for various disallowed headers and vulnerabilities.

Cloudinary is providing some functionality under the Performance section of sonar scanner that was originally built for Cloudinary's website speed assessment tool. Specifically for sonar tool, Cloudinary is providing advanced algorithms that demonstrate how changes - such as image size, format, quality and encoding parameters - can deliver significant reductions in file size while maintaining perceived quality and ultimately making websites run faster in any browser.

sonar Tool

The results will display/drill into each image that could benefit from an optimization and what the estimated compression savings could result in.

sonar Tool

sonar Tool

sonar Tool

You can use this rule in the online site scan or via the command line as part of the latest version of sonar tool (0.12.2).

We are very excited to participate in the program with the sonar team. We hope all Cloudinary users and community members will visit the sonar project, and take a look to see just how valuable it could be in helping maintain best practices for web development. For more information about sonar tool, read through their blog post on the scanner tool here, check out their website, or follow them on Twitter at @narwhalnellie.

Recent Blog Posts

Cloudinary and Contentful Make Modern Content Management Easier

I am pleased to share that Cloudinary and Contentful have joined forces to further streamline the creation, processing, and delivery of online content through Cloudinary’s digital asset management (DAM) solution and advanced transformation and delivery capabilities for images and video. What’s more, the partnership delivers a headless approach to DAM. By leveraging APIs for media management tasks, marketers and developers alike benefit from an integrated stack of optimized assets for optimization and automation. As a result, page loads are fast and beautiful, and at scale—with less overhead and effort.

Read more
Introducing Cloudinary's Nuxt Module

Since its initial release in October 2016 by the Chopin brothers as a server-side framework that runs on top of Vue.js, Nuxt (aka Nuxt.js) has gained prominence in both intuitiveness and performance. The framework offers numerous built-in features based on a modular architecture, bringing ease and simplicity to web development. Not surprisingly, Nuxt.js has seen remarkable growth in adoption by the developer community along with accolades galore. At this writing, Nuxt has earned over 30K stars on GitHub and 96 active modules with over a million downloads per month. And the upward trend is ongoing.

Read more
How Quality and Quantity can go Hand in Hand

When it comes to quality versus quantity, you’ll often hear people say, “It’s the quality that counts, not the quantity”. While that’s true in many situations, there are also cases where you want both quality and quantity. You may have thousands of images on your website and you want them all to look great. This is especially important if your website allows users to upload their own content, for example, to sell their own products or services. You don't want their poor quality images to reflect badly on your brand.

Read more
Product Videos 101: What Makes Them Great?

A product’s benefits and usage, including its value proposition, features, and instructive details, are best demonstrated through video. Product-video types vary, depending on the funnel, channel, and audience, the most popular ones being demos, reviews, installation, and how-tos.

Read more