For versions before V10 please jump to this page.

Prerequisites

We recommend you look into implementing the following before proceeding with Speedy. Although this is not required it will help you get better page speed scores.

• WEBP image compression
• Image Lazy Loading
• GZIP Compression

Installation Instructions for V10

Installation Video Link To Youtube

Step 1: Install the Sitecore Package

Download and install the Sitecore Package that corresponds to your SXA/Sitecore version in releases.

Step 2: Update SXA Templates (Optional)

• Only if you didn't select Overwrite during package install)

• Update your SXA page template (most likely in Project Layer of Helix) so that it includes the new base _SpeedyPage base template.

• You may choose to add Speedy techniques to only the homepage in which case you could:

  • Locate the Page template that was generated by SXA, it should be located in

  /sitecore/templates/Project/Site/Home and make it inherit from:
  /sitecore/templates/Foundation/Speedy/_SpeedyPage

  • To make all pages in your SXA site use Speedy you need to locate the Page template (within you SXA generated site templates)

  /sitecore/templates/Project/Site/Page and make it inherit from _SpeedyPage.

Step 4: Switch Layouts

• Make a new version of the item, so that you can roll back if needed.
• Make your page use the "MVC Layout Page Speed" Layout.

Step 3: Enable Speedy Per Page

• Enable Speedy via the "Speedy" Tab and the "Enable Speedy for this page" checkbox