The research is clear: consumers want fast websites! No matter how personalized or beautiful an experience you provide, consumers will not wait around if it is too slow. Luckily, the Adobe Experience Cloud enables you to create both a stellar and high-performance website. Here are five key tips on maximizing the performance of your website:
Activation – Use Adobe Launch
Adobe Launch is the latest in tag management technology from Adobe. Besides providing a much more flexible and extensible user experience, Adobe Launch offers significant performance benefits over Adobe’s legacy Dynamic Tag Manager and Google Tag Manager.
Just by using Adobe launch, you can improve the speed of your tag management by up to 40%. Adobe Launch is currently being rolled out to customers of Adobe, to enable Adobe Launch you can submit the Launch Release Form.
AEM Sites – Optimize Client Code
Discover how to get more from your investment in Office 365 with Rise, Perficient’s Intranet-as-a-Service offering by reducing your intranet’s project duration with out-of-the-box solutions, decreasing your project’s risk, and increasing your intranet’s value.
Additionally, using ACS AEM Commons, you can have your client scripts automatically invalidate with every build so that you do not have to worry about clients being served old scripts or styles.
Adobe Target – Use AT.js
AT.js also provides support for single-page applications, such as those built in angular or react so you can provide a personalized experience even deep within a SPA.
AEM Assets – Optimize Images with Renditions
One of the most significant contributors to the size of your pages is images. AEM Assets allows you to generate Renditions or pre-sized and optimized images for use in smaller treatments or breakpoints. These images especially help performance on mobile devices as the smaller screens we significant time and potentially data and downloading oversized images.
You can use the Adaptive image component or the HTML5 picture element or srcset attribute get the most appropriate rendition for your treatment and viewport.
AEM Dispatcher – Cache Content
The AEM Dispatcher is a mechanism for caching content served by AEM. It allows you to cache any static content and with clever use of Ajax, server-side includes (SSI), and clever URLs you can achieve a very dynamic website that it’s still heavily cached.
Performance is critical to your website and the Adobe Experience Cloud and the right vendor make all the difference and having a high-performance website. We at Perficient/Digital strive to maximize your investment in the Adobe Experience Cloud and push to the limits of not only what your website can do, but how fast it can be.
Hopefully, these 5 tips get you started on optimizing your Adobe Experience Cloud solution. Please leave a comment if you have any questions or any tips of your own to share.