WebP – Another Performance Boost for Your Website

Scrivito now automatically delivers your images in WebP format

The happier the visitors to your Scrivito-based website (and also Google’s ranking algorithms) are, the happier are you, right? Over the last decade, improved website performance in the sense of accelerated web content delivery has become an extraordinarily important factor in maximizing visitor satisfaction. Here at JustRelate, we continuously explore every available option to further complement Scrivito’s sophisticated approach to faster content delivery. It includes optimizing images for common screen dimensions in advance, prerendering web pages, delivering all content through a state-of-the-art CDN, and a lot more. All these efforts are motivated by a single simple thought:

The faster web pages are displayed in their full beauty in the visitor’s browser, the better the user experience.

Today we would like to share with you that we were able to further reduce the bandwidth footprint of our customers’ web pages and thus increase the speed at which they load. Once more, it’s all about images. Scrivito now delivers them in WebP format for browsers that support it. Almost all do.

WebP was announced by Google in 2010 and for some time now is appreciated by the web development community as an image compression technology that delivers superior results in terms of image size and quality. Just in case you haven’t heard of WebP yet. ;-)

WebP reduces the amount of image data by 30 % on average

As mentioned above, Scrivito precomputes several variants of each uploaded image, optimized in terms of dimensions and preserving their respective original format, JPEG or PNG. These variants are now additionally provided in WebP format.

In our tests, we’ve seen WebP compression rates of up to 46 % for PNGs, and up to 34 % for JPEGs. Since images make up the lion’s share of the data transmitted for web pages as a whole, these reduction factors also roughly apply to web pages containing such compressed images. The resulting improvement in performance is clearly noticeable.

No adjustments are needed in your Scrivito-based app

Finally, whether images are delivered WebP-transformed or in their source format is only a question of browser support. All current browser versions have WebP support built in.

So lean back and enjoy!

More great blog posts from Andreas Viebke

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.44.2 Released

    Bugfix Release An issue with Scrivito.useDataLocator has been fixed. It prevented filters with reference data attributes from being evaluated properly. We apologize for any inconvenience this issue may have caused! Thanks again for using Scrivito!

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.44.1 Released

    Maintenance release This is a maintenance release with minor improvements. As always, we will keep you posted if there is anything interesting to report. Stay tuned! Thanks again for using Scrivito!

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.44.0 Released

    Interface Builder improvements LinkTag supports data items The LinkTag component now supports data items as navigation targets. Passing a DataItem to the to prop causes the link to point to the details page of the item concerned. Accessing current data of a specific class The useDataScope and...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.43.0 Released

    Interface builder improvements Data attributes For the application to utilize the attributes selected by content editors, the Scrivito SDK now includes a (beta) API for representing data attributes, DataItemAttribute . A data item attribute can be accessed from a data item via...

  • Providing Data Classes with Custom Attributes

    Latest updates to edit.scrivito.com

    Defining custom attributes via the Interface Builder’s data editor The data editor now lets you add custom attributes to data classes. If, for example, you have a “Current user” data class that requires an attribute not specified in the editing configuration of this class, e.g., “email”, you can...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.42.1 Released

    Bugfixes Data integration issue > DataItem#get > no longer requires a loading context, i.e., > Scrivito.load > or > Scrivito.connect > . We apologize for any inconvenience the above issue may have caused! Thank you for using Scrivito!

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.42.0 Released

    Interface Builder improvements DataScope#limit() API method The new DataScope#limit() method determines the maximum number of data items a DataScope may contain. It returns either a number indicating this limit, or undefined if no limit is set. Introducing Scrivito.currentLanguage()...

  • Introducing the ​New Data Editor

    Latest updates to edit.scrivito.com

    > > As you may have noticed, we have been continuously refining and expanding the Interface Builder. Now the time has come for a correspondingly enhanced data editor. > > The new data editor comes with an intuitive interface that provides a visual representation of a data locator as well as...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.41.0 Released

    Interface Builder improvements Accessing a data scope from the current data It is now possible to access a DataScope from the current data using the new Scrivito.useData hook (which supersedes the Scrivito.useDataItem hook). The new hook always returns a DataScope . In order to check whether this...

  • Editing Interface Alignment with Dartagnan

    For an improved overall user experience, we’ve aligned the user interface design of Scrivito with that of our email builder Dartagnan. We wanted to create a consistent look and feel for our customers working with these cloud products from JustRelate. The adjustments we made are geared towards...