Test your website performance for free
Test your website performance

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

  • Deleting Website Sections in One Step

    Latest updates to edit.scrivito.com

    Sometimes, a section or subsection of a website becomes obsolete, for example, if a product is no longer sold, or part of the documentation isn’t needed anymore. In this situation, you can still delete the pages one by one, starting at the lowest hierarchy level of the section concerned, but you...

  • Modernized Buttons and Icons

    Latest updates to edit.scrivito.com

    We made the editing interface more attractive and user-friendly by brushing up its icon set. The icons are now easier to distinguish and more consistent in style. Some details have been removed from them so that the buttons work better for more editors, especially those with lower resolution...

  • Scrivito Editing Interface Improvements

    Latest updates to edit.scrivito.com

    Adding users to a working copy has become easier. The “Collaborators” selection box now also includes editors whose email address matches the search term. In the German-language Scrivito UI, you can now enter floating numbers in the standard German format, in which a comma instead of a period is...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.31.0 Released

    Server-side access to restricted content via Node.js You can now also access restricted Scrivito content on a server, e.g. for archiving your website content. For this, the apiKey option was added to Scrivito.configure . See also Using Scrivito with Node.js. Scrivito = require("scrivito")...

  • All Publish Buttons Now Work the Same

    Latest updates to edit.scrivito.com

    The behavior of the “Publish” buttons in Scrivito’s editing interface has been improved and aligned: All of these buttons now directly open the confirmation dialog which now also includes a button for opening the “Changes” list and getting an overview of the content that was altered. Thank you...

  • Scrivito Editing Interface Improvements

    Latest changes to edit.scrivito.com

    The active Content Browser tab is preserved The Content Browser sometimes prevented editors from quickly inspecting the properties of multiple objects one after the other. When the user selects another object of the same type, the active tab now remains open. Thank you for using Scrivito! Please...

  • Scrivito Editing Interface Improvements

    Latest changes to edit.scrivito.com

    A distinctive icon for new and changed images Editors mainly have to deal with two types of content objects: pages and images. To make it easier to spot such objects for reviewing them, a dedicated icon for images is now displayed in the “Changes” sidebar and dialog. Thank you for using Scrivito!...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.30.0 Released – Featuring Layout Components

    Introducing layout components, optionally with editable content You can now implement page-type-specific layout components and optionally have them render attributes for editor-defined content. If such layouts are present for a page that is part of the page hierarchy, the layout components of the...

  • Scrivito for Rails SDK 1.18.0 Released

    Added support for Ruby on Rails 7.0 The Scrivito for Rails SDK now supports Ruby on Rails 7.0. It requires Ruby 2.7 or later. Earlier Rails versions are no longer supported by Scrivito. Note that during the upgrade you will need to migrate from Rails 5.2 (with Scrivito 1.17.0 ) directly to Rails...

  • Scrivito JS SDK 1.29.0 Released

    Reducing the payload for your website visitors You’ve probably already noticed that Scrivito’s editing interface is highly configurable through editing configurations that allow the developer to specify, for example, which page properties the editors should be able to adjust. Since website...