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.57.1, 1.58.1 and 1.59.2 Released

    Bugfix Release HTML link insertion functionality restored > There was an issue where the link tool would stop working after inserting the first HTML link on a page. While editors could still add further links after reloading the page or navigating to a different one, this behavior disrupted the...

  • Fresh Look Rolling Out Across All Products

    We’re excited to introduce a comprehensive interface redesign across our entire product suite for an improved overall user experience. This modern refresh is being gradually rolled out across all our cloud products from JustRelate, including Web Builder, Email Builder, CRM, Home, Automations, and...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.59.1 Released

    Bugfix Release Fixed compatibility issue with React 18 > A compatibility issue that could cause a runtime error in applications using React 18 has been fixed. We apologize for any inconvenience this issue may have caused! Thank you for using JustRelate Web Builder!

  • Scrivito for Rails SDK 1.20.0 RC 1 has been released

    Added support for Ruby on Rails 8.1 The Scrivito for Rails SDK now supports Ruby on Rails 8.1. It requires Ruby 3.2 or later. Earlier Rails versions are no longer supported by Scrivito. For instructions and details on updating your application to Rails 7.2, see: Ruby on Rails Guides – Upgrading...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.59.0 Released

    Improvements Anonymous data classes > If your application needs to load and cache (and maybe even create, update or delete) some internal backend data not be exposed to editors or high-level developers, you can now provide nameless data classes. > If no name is passed to provideDataClass, the...

  • Team Notifications in the Editorial Cycle

    Latest updates to edit.scrivito.com

    We recently announced email notifications in the editorial cycle, but these could only be addressed to individual reviewers, not teams. From now on, you can still request a publish from individual users, but alternatively or additionally from entire teams. For this, the “request publication”...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.58.0 Released

    Improvements Using extensions for rendering individual properties > For extended customizability, individual attributes specified via the properties option in the editing configuration of an object class (for having them shown on the “General” tab) can now be rendered by a Scrivito extension. To...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.57.0 Released

    Improvements Widgets being edited in the sidebar are highlighted Opening the sidebar for editing a widget’s properties now highlights the selected widget. This makes it easier to identify the widget you are currently working on. Dimension picker for string values For string attribute values the...

  • What's New: Intelligent Image Analysis

    Latest updates to edit.scrivito.com

    Intelligent Image Analysis Available now for AI integration customers Managing digital assets has never been easier. Today, we’re excited to announce the launch of AI-powered image tagging in JustRelate’s Web Builder – a game-changing feature that automatically analyzes your images and generates...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.56.0 Released

    Improvements Localized “Click to edit” placeholder The “Click to edit” placeholder is now displayed in the editor’s selected language. Color picker supports transparency The color picker editor now lets editors choose transparent and semi-transparent colors directly in the Web Builder, making it...