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.38.0 Released

    Improvements Accessing the current user’s picture The Scrivito.currentEditor API now seamlessly integrates with IAM, allowing developers to access the picture URL associated with the current editor’s IAM profile. Easier attribute type migration There are situations in which a developer needs to...

  • Creating and Linking a Details Page

    Latest updates to edit.scrivito.com

    > After introducing details pages for data items in version 1.36.0 of the Scrivito SDK, the editing interface now offers you to create such a page for a given data class directly from within a data item. If, for example, you have a card widget in your data list widget, and this card widget has a...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.37.0 Released

    Improvements Updating data items using custom logic By defining the update callback of Scrivito.provideDataItem , you can now smoothly update data items using your own logic. This gives you greater control and flexibility in managing your data within your Scrivito app. Prerendering fails early...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.36.1 Bugfix Release

    This release fixes a bug found in version 1.36.0 of the Scrivito JS SDK: Under certain conditions, the renderChild prop of Scrivito.ChildListTag received an argument that was not a child object. This could lead to unexpected app crashes. We apologize for any inconvenience this may have caused!

  • Managing Users and Teams in the JustRelate Console

    Latest updates to edit.scrivito.com

    Scrivito’s user management has moved to the Console After introducing the JustRelate Console in April this year and announcing that authorized Scrivito users would be able to manage their account’s users and teams there, we finally did it: Clicking “Manage users” in the main menu now opens a new...

  • Scrivito JS SDK 1.35.1 Bugfix Release

    Bugfixes All API keys now work properly in Node.js environments In the Scrivito JS SDK, version 1.35.0, we added support for private API keys in a Node.js environment. Due to an encoding error when passing the credentials to the Scrivito backend, some keys didn’t grant access to restricted...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.36.0 Released

    Introducing data details pages

    In an earlier Scrivito JS SDK release, we introduced data lists for seamlessly integrating not only individual data items but also collections of such items into your Scrivito app. Now, we are happy to present an even more powerful feature for data integration: Data details pages that can display...

  • Your Profile Image on the Sidebar

    Latest updates to edit.scrivito.com

    Logged-in editors can now see their profile image If you have added a profile picture to the IdP (identity provider) account you use to log in, it is now displayed on the sidebar instead of your initials. For example, if you log in with your enterprise account, Scrivito uses the image from your...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.35.0 Released

    This release introduces multi-line editing for string attributes, and improves several development-related aspects, also in the context of Node.js. Improvements Multi-line editing for string attributes As a developer, you can now enable multi-line editing for string attributes in the “Properties”...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.34.0 Released

    Featuring data lists with placeholders

    Placeholders in lists In the previous Scrivito JS SDK release, we had introduced placeholders as a means to incorporate personalized data into textual content. Building upon that, we are excited to announce that in this release, we have expanded the functionality of placeholders so that they can...