Related Github Documents
Document Properties
Kbid
297A97
Last Modified
24-Feb-2021
Added to KB
18-Feb-2021
Public Access
Everyone
Status
Online
Doc Type
Guidelines, Concepts & Cookbooks
Product
Intershop Progressive Web App

Guide - Intershop Progressive Web App - Optimizations

Optimizations

Nginx Optimizations

The Nginx building block applies:

  • Compression of responses
  • PageSpeed optimization

for further information, please refer to the Guide - Building and Running nginx.

Custom Webpack Build

The PWA uses a customized webpack build, that opens the doors to additional optimizations.
The build can be customized in the file webpack.custom.ts.

If the PWA is built using production configuration. (Either by building with --configuration=<other>,production or by building the docker image with --build-arg configuration=<other>,production), the following optimizations are applied:

  • Angular CLI build-optimizer
  • Webpack SplitChunksPlugin is instructed to produce only main, vendor, polyfills and one common bundle for the code for optimized compression and download of the application.
  • All data-testing attributes are removed from the HTML templates to reduce output.
  • PurgeCSS is used to remove unused CSS classes from the CSS output.
    Configuration, especially safelisting certain classes, can be done on the plugin configuration or directly in your CSS with a special comment.

Further References

Disclaimer

The information provided in the Knowledge Base may not be applicable to all systems and situations. Intershop Communications will not be liable to any party for any direct or indirect damages resulting from the use of the Customer Support section of the Intershop Corporate Web site, including, without limitation, any lost profits, business interruption, loss of programs or other data on your information handling system.

Customer Support
Knowledge Base
Product Resources
Tickets