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:
WebP – Another Performance Boost for Your Website
Scrivito now automatically delivers your images in WebP format
Posted on
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 JS SDK 1.50.0 RC 1 Released
Interface Builder improvements Customizable image crop aspect ratios Some website designs rely on specific image aspect ratios for visual consistency. To support this, Scrivito Interface Builder now provides the Scrivito.configureCropAspectRatios API. It lets developers define the crop aspect...
Scrivito for Rails SDK 1.19.0 Released
Added support for Ruby on Rails 7.2 The Scrivito for Rails SDK now supports Ruby on Rails 7.2. It requires Ruby 3.1 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 JS SDK 1.49.1 Released
Bugfix Release Editing interface issue with ImageTag An issue where using ImageTag with the loading="lazy" attribute could prevent image selection has been resolved. Adding an image widget without a preselected image now displays the clickable placeholder again. We apologize for any inconvenience...
Scrivito JS SDK 1.49.0 Released
Interface Builder improvements Layout editing mode This new editing mode separates content editing from layout adjustments. In content editing mode, layout elements can only be viewed. To modify them, simply switch to layout editing mode. This clear distinction between content and layout...
Introducing Sophisticated Page Access Control
Latest updates to edit.scrivito.com
Tailoring page visibility to teams and visitor groups With Scrivito Web Interface Builder, editors have visibility categories available to restrict who can access which pages. As an editor who has been granted permission to manage custom visibility categories, you can now create such categories...
Scrivito JS SDK 1.48.1 Released
This is a bugfix release. Fixed bugs Binary upload API is less strict again Regarding undefined option values, the Binary.upload API method now works as it did prior to version 1.48.0 of the JS SDK. Such undefined values no longer produce an error. We apologize for any inconvenience this may have...
Scrivito JS SDK 1.48.0 Released
Interface Builder improvements Retrieving data classes by their name A new API method, Scrivito.getDataClass , has been added as a native method for retrieving data classes by their name, obviating the need for custom lookup code. This method complements Scrivito.getClass for accessing object and...
Scrivito JS SDK 1.47.0 Released
Interface Builder improvements Filtering dates and numbers The filtering options of the data editor have been extended. You can now filter dates and numbers using the following operators: gt (greater than), lt (less than), gte (greater than or equal to), and lte (less than or equal to). These new...
Scrivito JS SDK 1.46.0 Released
Interface Builder improvements Using attributes of the current page context Attributes of the current page and its ancestors are now available to editors as placeholders and as a data source (datalocator). Note that only attributes of the string type that are also included as attributes in the...
Scrivito JS SDK 1.45.0 Released
Interface Builder Supports Further Attribute Types for Filtering
Interface Builder improvements Filtering data by enum, boolean, date, and number attributes The Interface Builder’s data editor now also lets you filter data by attributes of the enum , boolean , date , and number types. This makes it much more convenient and intuitive to select and present data...