AEM Web Performance

Delivering complex web experiences fast is challenging. In this talk, Joel will shed light on some of the more common pitfalls. It will include theory, examples, best practices as well as demonstration of tooling around the following areas - Network & latency: optimizations for HTTP/1.1 and HTTP/2 - Slow AEM server requests: identifying issues - JavaScript: minimizing overhead

Delivered June 1, 2016

Presented by:

  • Joel Richard, Developer, Adobe

Presenter slides

Get File

Apache:
https://httpd.apache.org/docs/trunk/mod/mod_http2.html

Web Standards:
https://www.w3.org/TR/preload/
https://www.w3.org/TR/resource-hints/

AEM:
https://docs.adobe.com/docs/en/aem/6-2/develop/the-basics/clientlibs.html
https://docs.adobe.com/docs/en/aem/6-2/develop/mobile-web/responsive.html
https://docs.adobe.com/docs/en/aem/6-2/develop/components/developer-mode.html
https://helpx.adobe.com/experience-manager/kb/performance-tuning-tips.html

AEM Components:
https://github.com/Adobe-Marketing-Cloud/aem-core-wcm-components
https://adobe-consulting-services.github.io/acs-aem-commons/features/named-image-transform.html

Third-party:
https://www.ampproject.org/docs/reference/amp-img.html
http://www.appelsiini.net/projects/lazyload

JavaScript Performance:
https://gist.github.com/paulirish/5d52fb081b3570c81e3a
https://developers.google.com/web/tools/chrome-devtools/?hl=en

Profiler:
https://visualvm.java.net/