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

Reduce Flickering on Page Redirects for Experiment Variants Using PageApi Flags #28291

Closed
oidacra opened this issue Apr 18, 2024 · 2 comments · Fixed by #28334 or #28513
Closed

Reduce Flickering on Page Redirects for Experiment Variants Using PageApi Flags #28291

oidacra opened this issue Apr 18, 2024 · 2 comments · Fixed by #28334 or #28513

Comments

@oidacra
Copy link
Member

oidacra commented Apr 18, 2024

User Story

As a front-end developer, I need to effectively utilize the flags provided by PageApi to determine if a page is part of an experiment and manage page content before a redirect occurs. This is to eliminate the visual flickering seen when a user lands on a page that requires redirection to an experiment variant.

Acceptance Criteria

  • Utilize the PageApi flags to check if the incoming page has an associated experiment and variant before fully rendering the page.
  • Implement pre-fetching or a placeholder mechanism to prevent the initial content from rendering if a redirect to a variant is needed.
  • Ensure the solution provides a seamless user experience with no noticeable flicker when navigating to a page involved in an experiment.
  • The implemented solution should not adversely affect the page load time or performance.
  • Document the approach and any changes made to the handling of page rendering and redirects.

Proposed Objective

User Experience Improvement, Performance Optimization

Proposed Priority

Priority 2 - Important

dotCMS Version

master

External Links

Assumptions & Initiation Needs

Assuming that the current mechanism of handling redirects after the page has begun to load is causing visible flickering, leading to a suboptimal user experience.

Quality Assurance Notes & Workarounds

Quality assurance should focus on ensuring that the new mechanism effectively eliminates flickering without introducing new issues such as increased page load times or broken functionality.

@oidacra oidacra changed the title asd Reduce Flickering on Page Redirects for Experiment Variants Using PageApi Flags Apr 18, 2024
@dsilvam dsilvam added dotCMS : Experiments Analytics Umbrella: Experiments Feature Team : Falcon and removed Triage labels Apr 18, 2024
@oidacra oidacra self-assigned this Apr 18, 2024
@oidacra oidacra linked a pull request Apr 24, 2024 that will close this issue
3 tasks
@dsilvam dsilvam reopened this May 7, 2024
@dsilvam dsilvam added the Merged label May 7, 2024
@dsilvam
Copy link
Contributor

dsilvam commented May 8, 2024

Needs work: A blank page is showing sometimes when a page inside an experiment is assigned to the default/original variant.

@oidacra
Copy link
Member Author

oidacra commented May 9, 2024

Fixed @dsilvam take a look at the Demo Site.

@oidacra oidacra self-assigned this May 9, 2024
@oidacra oidacra linked a pull request May 10, 2024 that will close this issue
3 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Internal QA
2 participants