hlxsites / vg-volvotrucks-us

Franklin site for https://www.volvotrucks.us/
https://www.volvotrucks.us/
Apache License 2.0
2 stars 5 forks source link

Bug: Navigation bar is loading slower than usual #600

Open ZoeBeykirch opened 3 months ago

ZoeBeykirch commented 3 months ago

Issue Type

Bug

Summary

[header] Navigation global bar

Priority

Critical

Description

We are noticing the navigation bar on the homepage is taking a long time to load when you get to the site, it will be up to a 10 second delay where only a white bar is displayed until the content on the nav loads properly. It typically loaded in 1 second before this new delay. This bug is happening on both the US and CA (French and English) websites.

Affected Device Classes

Mobile, Tablet, Desktop

Affected Browsers/Devices and Versions

Browsers tested: Seems to be especially slow on Safari browsers (5-10 seconds to load). Tested in private Edge and Chrome and saw a smaller delay around 2-3 seconds.

Devices tested: Windows 10 desktop computer, version 22H2 MacBook Pro computer iPhone 15 Pro, iOS Version 17.3.1 iPhone 13, iOS Version 17.3.1

Steps to Reproduce

  1. Open a private window in a browser
  2. Go to: https://www.volvotrucks.us/ + https://www.volvotrucks.ca/en-ca/ + https://www.volvotrucks.ca/fr-ca/
  3. View the navigation bar and count how many seconds it takes to load all content in the nav

Expected Results

Navigation bar should load within a second as it did before.

Actual Results

Taking 3-10 seconds to load the nav bar depending on which browser the user is going to. Safari especially seems to be slow.

Attachment

Screen recording testing on my mobile iPhone 15 Pro device on Safari private window.

cogniSyb commented 2 months ago

I can reproduce it when the page and header aren't cached. It's good to know that the header will load after other blocks.

We need to investigate what other block is loading slowly. Probably because of content.

Definitely #537 will alleviate this.

cogniSyb commented 2 months ago

One observation is that we load the entire magazine-articles.json on the homepage. Currently, that request is 177kB, which grows with every published article. Limiting the number of articles fetched to 7 (the current setting on the homepage) will bring down the request to 17kB.

I suggest to pick this up rather quickly, even though this 'bug' is caused by a combination things.

mollyaljenkins commented 2 months ago

@williebender is this ticket still an issue?