Speed Up Your Sitecore Experience Editor Ribbon

This post is inspired from Sitecore Documentation article Improve the performance of the Experience Editor ribbon. I will try to elaborate the same stuff by including step by step configuration and test case. For any website, one of the crucial things is to improve it’s performance. And one of the ways to gain the performance is to implement caching. So far as Sitecore is concern, we usually focus on live website by caching JS and CSS using different approach such as bundling and minification. But what about Page Editor or Experience Editor performance? Experience Editor loads few extra Sitecore resources in order to render ribbon. So it would be really helpful if there is a way to cache this Sitecore Ribbon. In-fact, there is a way to accomplish this – and this blog post is all about that! So let’s see how to cache Sitecore Experience Editor Ribbon to improve site performance. Steps: 1) Open [Sitecore Instance]WebsitesitecoreshellclientSpeakLayoutsLayoutsSpeak-Layout.cshtml 2) Add below string to the <HTML> tag.  manifest=”/sitecore/shell/client/Sitecore/ExperienceEditor/Html5AppCache.ashx” So it would look like this:

That’s it, you are done! But you may have question – How can I confirm whether it’s working? How can I check whether it’s really caching Sitecore Experience Editor Ribbon? You can confirm it by looking into Application Cache as shown in below figures. Before ribbon caching:

After ribbon caching:

Hope this will give a smile to your Experience Editor user 🙂 !!! Special thanks to Martina who assisted me on this.

2 Responses to “Speed Up Your Sitecore Experience Editor Ribbon”
  1. Ken January 4, 2016
  2. Ken January 4, 2016

Leave a Reply