Cloudinary Blog

Cloudinary Offers Support for sonar Tool

By Gary Ballabio Oct 25, 2017

Image Optimization

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

Cloudinary Helps Assess Site Speed

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

Accessibility of the website to serve users with impairments or disabilities
Interoperability with of the site with different browsers
Performance for fast page load time
Progressive Web Apps tests the interactions of the site with iOS touch icon and mobile software that supports the web app manifest file.
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.

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

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

Legacy and Transition: Creating a New Universal Image Codec

By Jon Sneyers Jan 20, 2021

Transitioning JPEG-Based to JPEG XL-Based Images for Web Platforms

When the JPEG codec was being developed in the late 1980s, no standardized, lossy image-compression formats existed. JPEG became ready at exactly the right time in 1992, when the World Wide Web and digital cameras were about to become a thing. The introduction of HTML’s <img> tag in 1995 ensured the recognition of JPEG as the web format—at least for photographs. During the 1990s, digital cameras replaced analog ones and, given the limited memory capacities of that era, JPEG became the standard format for photography, especially for consumer-grade cameras.

Implement Dynamism in Static Sites With Serverless Functions

By Obinna Ekwuno Jan 18, 2021

Serverless Functions Deliver Dynamism to Static Sites

In this age of most sites being static, a frequently asked question is how much dynamic functionality you can derive from Jamstack. The answer is a lot because you can incorporate reusable APIs in that architecture and leverage serverless, back-end-oriented functions with no back ends in place.

By Jon Sneyers Jan 13, 2021

Progressive Image Decoding Delivers an Enhanced Web Experience

Progressive image decoding is an excellent way in which to accelerate page loads and hence improve the web-browsing experience. This post explains why and elaborates on the recent developments for that approach.

Amplify Your Jamstack With Video

By Alex Patterson Jan 12, 2021

Amplify Your Jamstack With Cloudinary Video

As defined by Amazon Web Services (AWS), Amplify is a set of products and tools with which mobile and front-end web developers can build and deploy AWS-powered, secure, and scalable full-stack apps. Also, you can efficiently configure their back ends, connect them to your app with just a few lines of code, and deploy static web apps in only three steps. Historically, because of their performance issues, managing images and videos is a daunting challenge for developers. Even though you can easily load media to an S3 bucket with AWS Amplify, transforming, compressing, and responsively delivering them is labor intensive and time consuming.

By Juli Greenwood Jan 11, 2021

Cloudinary Helps Move James Hardie’s Experience Online

While COVID has affected most businesses, it has been particularly hard on those that sell products for the physical ‘brick and mortar’ world. One company that literally fits that bill is our Australian customer James Hardie, the largest global manufacturer of fibre cement products used in both domestic and commercial construction. These are materials that its buyers ideally want to see up close, in detail. When customers have questions, they expect personal service.

By Prosper Otemuyiwa Jan 06, 2021

Part 1 of this post defines the capabilities of an enhanced Gravatar service, which I named Clavatar, and describes the following initial steps for building it:

This post, part 2 of the series, explains how to make Clavatar work like Gravatar and to develop Clavatar’s capabilities of enabling requests for various versions of the images related to user accounts.