Tutorials Block Video Optimization

[echen-adobe]

Fixes following issues|Adds following features:

• Issue/Feature 1
• Optimizes the UX of the Tutorials Card by preloading videos. Previously, the video element was only constructed when the user clicked on it, meaning it would only start loading after the user is interested in it. With this change, the video element will start loading with the page so that it is ready to play the moment the user clicks on it.
• Tweaks the SUSI light feature so that it loads a bit faster.

Resolves: https://jira.corp.adobe.com/projects/MWPW/issues/MWPW-159847

Steps to test the before vs. after and expectations:

• Steps for feature 1
  Visit the pages below and verify there is no regression in UX for the user. Make sure that the videos play normally on a range of devices.

Pages to check for regression and performance:

• https://education-page-optimizations--express--adobecom.hlx.page/education/express
• https://education-page-optimizations--express--adobecom.hlx.page/express/learn/students

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

• Re-run PSI checks
• Re-sync branch

Commits

• 17fb657 ✅ (latest)
• a0d0aa4 ✅
• e9df95f ✅
• 86c2c25 ✅
• 1568431 ✅
• 78545ef ✅
• 66f9419 ✅
• 4997c2c ✅
• 4a43d79 ✅
• 22b0347 ✅
• c5e7012 ✅
• 703fbc9 ✅
• 86d9e5b ✅
• 55e9174 ✅

[aem-code-sync]

	Page	Scores	Audits
📱	/education/express
🖥️	/education/express
📱	/express/learn/students
🖥️	/express/learn/students