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.
Episerver CMS
(Trying to do) Code package deployment to Episerver DXC-S
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 (Trying to do) Code package deployment to Episerver DXC-S
Deployments to DXC-S using API with Octopus Deploy
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. Update: "DXC-S" is now … Continue reading Deployments to DXC-S using API with Octopus Deploy
Let Episerver editors control the output cache
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 Let Episerver editors control the output cache
Control the cropping of your images with a focal point
The Image point editor for Optimizely/Episerver CMS can be used together with the Picture helpers in PictureRenderer.Optimizely or ImageProcessor.Web.Episerver to control the cropping of images. If showing the same image in different height and width on your site, you might want to control how the image is cropped. Let's say you are showing super cool, … Continue reading Control the cropping of your images with a focal point
A dead-easy way to optimize the images on your Episerver site.
Earlier this year i wrote about a solution for optimizing the images on your Episerver site. Since then, that solution has been included in the ImageProcessor.Web.Episerver nuget package. With the Picture html helper included in the nuget it's easy to optimize the images in size, quality, and file size. Images will be responsive, and can be … Continue reading A dead-easy way to optimize the images on your Episerver site.
Optimize your images with ImageProcessor
Optimizing the file size for the images on a site can really improve page load time. This article shows how you can use ImageProcessor to minimize the size of your images. UPDATE: The Picture Html helper described below is now included in the ImageProcessor.Web.Episerver nuget. Read more here. I'm extending the solution for responsive images … Continue reading Optimize your images with ImageProcessor
Picture element + ImageProcessor = responsive images made easy
By using the picture element together with ImageProcessor, you can create a robust solution for responsive images. With this solution you can very quickly make sure that you at least don't serve way too big images. Once that is done, you can add more image sizes and fine tune the media queries, to further optimize … Continue reading Picture element + ImageProcessor = responsive images made easy
Automate your Episerver site definitions
We've all been there. Restoring a copy of the production database on your development or test-environment, start the site and you get a 404. Argh, I forgot to set the correct site definitions! Again! Fig 1. The freaking site definitions In a multi site environment you can have a lot of different site definitions, and … Continue reading Automate your Episerver site definitions
Penny-pinching your Episerver Azure environment
What's the cost for hosting an Episerver test environment on Azure? And what can you do to minimize those costs? Calculating the price for hosting on Azure is a bit complex, so it's hard to say what a certain setup would cost for you. You can use the price calculator here to see the list-price. … Continue reading Penny-pinching your Episerver Azure environment