Boost Site Speed Using Image Processing for Xperience by Kentico
05/08/2024About a month ago, I migrated my blog site's images from Xperience by Kentico's Media Library to the Content Hub, aiming to enhance control over the structured content associated with each asset.
Background
Previously, I used Kentico's Image Processing integration with SkiaSharp to resize images and ensure optimal page size. However, this package only supports the Media Library, not Content Hub assets. To bridge this gap, I developed the open-source, community-driven XperienceCommunity.ImageProcessing integration.
How It Works
When a URL is requested, the new package contains a middleware which intercepts requests for images, and resizes them based on specified query string parameters. Typically through width, height or maxSideSize. The final processed image is then sent to the browser.
Community
True to its name, this package is community-driven. I was thrilled when Milan Lund opened a GitHub issue to contribute new features via a pull request. Naturally, I welcomed his contribution!
Milan’s first contribution via a pull request added image format conversion. Now, you can resize images and serve them in modern formats like WebP, further reducing page load times and enhancing the overall user experience. My blog already utilises this new feature, check out the optimised images on my blog posts.
Milan has published his own blog post, highlighting his experience with the package and providing real-world examples. It’s definitely worth a read!
Conclusion
With the XperienceCommunity.ImageProcessing package, you can enhance your site's performance and achieve better Lighthouse scores. Special thanks to Milan for his detailed blog post and collaboration on this community package.
You might also be interested in...
How Data Protection APIs (DPAPI) Enhance Security in Your CMS
18/03/2025Securing sensitive data is essential in modern CMS platforms. ASP.NET Core provides the Data Protection API (DPAPI) to help simplify encryption, decryption, and key management. DPAPI is used in many features, including ASP.NET authentication, so even if you're not using it directly, it is important to understand the basics.
Umbraco Tips for Newcomers: Insights from an Outsider
19/12/2024I have published my first Umbraco related article in the calendar, 24 Days in Umbraco. It provides insights for newcomers, some tips on how to get started. Read more about the article.
How to Easily Extend Xperience by Kentico UI Pages with Page Extenders
13/09/2024UI page extenders in Xperience by Kentico allow you to customise existing UI pages without modifying their source code. In this post, we’ll walk through a simple example of reordering columns in a listing layout to better suit your needs.