Blog posts by Erik Henningson

Changes to PictureRenderer.Optimizely

2024-08-02T15:59:03.0000000Z

In version 3.2 of PictureRenderer.Optimizely it is possible to add any attribute to the rendered img element. This makes it possible to add e.g. custom data and itemprop attributes. Version 3.2 introduces the PictureAttributes object that may be used as an input parameter when calling @Html.Picture. It’s in the PictureAttributes object where you can add … Continue reading

Image optimization at the edge.

2023-08-30T09:49:13.0000000Z

The latest version of PictureRenderer has support for resizing and optimizing images using Cloudflare's image service.

On-page editing with Optimizely CMS on an externally hosted site

2023-06-13T07:45:01.0000000Z

Did you know that you can enable on-page editing for a site that isn’t hosted on the same server as the CMS? I’m not sure when this feature was introduced, as there isn’t much documentation available. It took me several hours to figure out all the necessary steps. Hopefully, this article will save you some … Continue reading

Optimize images added in the rich text editor.

2022-08-29T11:45:27.0000000Z

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: If … Continue reading

Optimize images on your Optimizely CMS site

2022-08-16T13:38:32.0000000Z

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

Updates for Optimizely CMS 11 Picture helper

2021-12-01T15:12:56.0000000Z

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

PictureRenderer for Optimizely CMS 12

2021-10-18T09:22:57.0000000Z

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

Serve Optimizely CMS pages directly from a CDN.

2021-08-13T12:39:26.0000000Z

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

Getting started with Optimizely CMS preview

2021-08-08T19:34:04.0000000Z

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 at the brand new Optimizely CMS, the .Net 5 version of former Episerver CMS. It seems to be pretty easy to … Continue reading

When do we stop using the term “headless” for a CMS?

2021-02-12T09:14:10.0000000Z

…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

Powershell vs Azure CLI when creating an Episerver environment.

2020-03-05T16:46:17.0000000Z

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 :-)

Powershell vs Azure CLI when creating an Episerver environment.

2020-03-05T16:46:17.0000000Z

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 :-)

Powershell vs Azure CLI when creating an Episerver environment.

2020-03-05T16:46:17.0000000Z

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 :-)

Episerver Picture helper now have option for native lazy loading.

2020-02-16T14:19:37.0000000Z

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.

2020-02-16T14:19:37.0000000Z

(Trying to do) Code package deployment to Episerver DXC-S

2019-12-12T15:45:58.0000000Z

I have spent way to much time trying to set up code package deployment when using TeamCity together with Octopus deploy. Read this to avoid following my path to failure :-). Well, not complete failure, I did learn some new things about both PowerShell and Octopus… Episerver have created a PowerShell module to simplify code … Continue reading

(Trying to do) Code package deployment to Episerver DXC-S

2019-12-12T14:45:58.0000000Z

I have spent way to much time trying to set up code package deployment when using TeamCity together with Octopus deploy. Read this to avoid following my path to failure :-). Well, not complete failure, I did learn some new things about both PowerShell and Octopus… Update: “DXC-S” is now known as ” Episerver DXP” … Continue reading

Deployments to DXC-S using API with Octopus Deploy

2019-11-14T13:44:31.0000000Z

Episerver recently released an API that allows partners and customers to automate deployment to DXC-S environments. If using this API you no longer need the manual process of logging in to the DXC-S portal and starting a deploy. The API also makes it possible to deploy directly to Pre-production or Production environments. Currently I’m only … Continue reading

Deployments to DXC-S using API with Octopus Deploy

2019-11-14T12:44:31.0000000Z

Let Episerver editors control the output cache

2019-05-03T10:08:38.0000000Z

The “Content output cache” is strangely enough a basically undocumented feature of Episerver CMS. It’s strange, because the content output cache can be a simple way to really speed up your site. I will not go into details about how to set up Content output cache in this article. Instead I’ll show a way to let … Continue reading