PictureRenderer for Optimizely CMS can be used to optimize images added in the rich text editor (TinyMce). In PictureRenderer.Optimizely v2.3 an XhtmlString extension is added that replaces img elements in the rich text content with a picture element. You enable this by creating a display template for XhtmlString properties. Create the file /Views/Shared/DisplayTemplates/XhtmlString.cshtml and add this: @using … Continue reading Optimize images added in the rich text editor.
You want the images on your site to be lazy loaded in the most optimal size and format, and still look really sharp on all devices. You don't want the content editor to have to care about image size, image format, or what proportions the image should have. PictureRenderer can help you with all of … Continue reading Optimize images on your Optimizely CMS site
The Picture helper for Optimizely CMS 11 now supports creating webp versions for "all" image formats. Up until now webp versions was only created for jpg images. The reason was that the webp versions where lossy. The webp versions of a png image would get grainy/blurry parts, instead of the solid colors in the original … Continue reading Updates for Optimizely CMS 11 Picture helper
Say hello to PictureRenderer.Optimizely! The html helper that makes it super simple to render HTML Picture elements in your Optimizely CMS 12 solution. Images are automatically cropped and resized, and the browser will always select the most optimal image to use.The result is optimized (width, format, and quality), lazy loaded, and responsive images. If you … Continue reading PictureRenderer for Optimizely CMS 12
This blog post is about speeding up your site by caching your Episerver Optimizely CMS pages in a CDN. This solution gives you granular control on how long a specific page should be cached. It works for any CDN, but here I'm focusing on getting it to work with the Cloudflare CDN that is included … Continue reading Serve Optimizely CMS pages directly from a CDN.
UPDATE: The process for creating a new CMS project is now very different from described below. Check the latest documentation here. This is my experience on how to get started with the preview version of Optimizely CMS. Expect this blog post to be outdated fairly soon... Finally I took the time to take a look … Continue reading Getting started with Optimizely CMS preview
...and just call it a CMS? Sorry for this grumpy-old-man-rant, but isn’t it time to retire the term “headless” when we are talking about CMSs? It’s not needed, and it doesn’t really mean anything. If you search for a definition of the term “headless CMS” you might find something like: a CMS where the content … Continue reading When do we stop using the term “headless” for a CMS?
Web test automation is a large knowledge area, and I would not call myself an expert. But I recently spent some time investigating options for automated UI testing (it was a couple of years since last time), and I thought I’d share my thoughts. I did this investigation because in our current test setup I … Continue reading Options for automated web UI testing
It doesn't really matter if you use Powershell or Azure CLI to setup your Azure resources. It's more a matter of taste. Here is a quick comparision anyway 🙂
The Picture helper in ImageProcessor.Web.Episerver now have an option to render the loading attribute that enables browser-native lazy loading. This makes it even simpler to optimize the loading of images. If you are familiar with the Picture helper you might already know that there are options for rendering the picture element that supports lazy loading. … Continue reading Episerver Picture helper now have option for native lazy loading.