Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Sites: unresponsive link until screenshot loads #88848

Closed
simison opened this issue Mar 25, 2024 · 4 comments
Closed

Sites: unresponsive link until screenshot loads #88848

simison opened this issue Mar 25, 2024 · 4 comments
Labels
[Feature] Launchpad The onboarding Launchpad that guides users through setting up their site and getting it launched. [Pri] TBD Sites Management Page Calypso page with route `/sites` Sites Triaged To be used when issues have been triaged. [Type] Bug

Comments

@simison
Copy link
Member

simison commented Mar 25, 2024

All sites links are unresponsive while screenshots are loading.

Screen.Recording.2024-03-25.at.13.13.11.mov

Steps to reproduce

Use slow connection; sandboxed with lots of sites is usually slow enough.

  1. Starting at URL: /sites
  2. Screenshots keep loading / pulsating
  3. Try click the site name before screenshot; nothing happens until screenshot(s) finish loading
  4. Go back and try "settings" link under three dots; it works right away

What I expected

What happened instead

Browser / OS version

Screenshot / Video

Context / Source

@simison simison added [Type] Bug Sites Sites Management Page Calypso page with route `/sites` labels Mar 25, 2024
@sejas
Copy link
Member

sejas commented Mar 25, 2024

@simison, I took a quick look and found that the slow loading is related to the /home/$siteSlug page and not the way we navigate from /sites.

Here are the steps to reproduce:

  1. Sandbox the API to add some delay in the responses.
  2. Navigate to /settings/general/$siteSlug
  3. Quickly click on Home in the left sidebar to navigate to the home dashboard.
  4. Observe the URL changes quickly in the browser, but it takes several seconds to load the Home page.
navigate-from-settings-to-home.mp4

Before realising the problem is in the Home, I tried using navigate function and also navigating to Home from the ellipsis menu with same results.

@maciejpilarski maciejpilarski added the Triaged To be used when issues have been triaged. label Mar 25, 2024
@maciejpilarski
Copy link

📌 ACTIONS
– triaged

@lsl
Copy link
Contributor

lsl commented Aug 26, 2024

The fullscreen launchpad redirect check seems to block a few things,

try {
const {
launchpad_screen: launchpadScreenOption,
site_intent: siteIntentOption,
checklist: launchpadChecklist,
} = await fetchLaunchpad( slug );
if (
launchpadScreenOption === 'full' &&
! areLaunchpadTasksCompleted( launchpadChecklist, isSiteLaunched )
) {
// The new stepper launchpad onboarding flow isn't registered within the "page"
// client-side router, so page.redirect won't work. We need to use the
// traditional window.location Web API.
redirectToLaunchpad( slug, siteIntentOption, verified );
return;
}
} catch ( error ) {}

Screenshot(7)

Commenting it out things look a bit better:

Screenshot(8)

Note the highlighted requests in both screenshots are for the in page launchpad tasks shown on My Home.

We could probably add a skip launchpad param to the sites already launched but I'm hesitant to do so when removal of this should be happening near-term, pfuQfP-J5-p2 fyi @bogiii

@lsl lsl added the [Feature] Launchpad The onboarding Launchpad that guides users through setting up their site and getting it launched. label Aug 26, 2024
@sejas
Copy link
Member

sejas commented Oct 23, 2024

Closing this issue because we don't display site screenshots anymore.

Image

@sejas sejas closed this as completed Oct 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Launchpad The onboarding Launchpad that guides users through setting up their site and getting it launched. [Pri] TBD Sites Management Page Calypso page with route `/sites` Sites Triaged To be used when issues have been triaged. [Type] Bug
Projects
Development

No branches or pull requests

4 participants