Site Speed Tips & Resources

Here are the resources covered.
Custom interactive report: (Must be logged into MAO gmail account)
Select your store, device, region, date range
Clickable elements to separate by device, landing page, browser, etc.
Top 10 pages, Top 10 Cities, slowest pages, fastest pages
https://datastudio.google.com/s/vleUj8SRc1g

Run 3rd part test (click advanced, select mobile iPhone, 4G connection, 3 tests)
https://www.webpagetest.org

Image Testing – run a quick scan of your images for further optimization ideas
https://webspeedtest.cloudinary.com


Image compression tool, quick and easy. DDC will only accept certain file types, so keep it simple to MOZjpeg)
https://squoosh.app

google site speed reports
https://www.thinkwithgoogle.com/feature/testmysite/
https://developers.google.com/speed/pagespeed/insights/
https://web.dev/measure

Minimize the amount of widgets if possible. Use this simple code on images, youtube embed iframes and other iframes below the fold. loading=”lazy”

chrome is launching native lazy loading with its chrome browser.

lazy loading example
Image Lazy Load tag

The loading attribute supports the following values but we only need lazy:

auto: Default lazy-loading behavior of the browser, which is the same as not including the attribute.
lazy: Defer loading of the resource until it reaches a calculated distance from the viewport.
eager: Load the resource immediately, regardless of where it’s located on the page.