Intelligent UI Rendering: Leveraging Machine Learning to Predict and Preload User Journey Steps in E-Commerce Sales Funnels

Authors

  • Althaf Khan Pattan Independent Researcher, 354 Waterloo Blvd, Exton, Pennsylvania. Author

DOI:

https://doi.org/10.63282/3050-9262.IJAIDSML-V7I1P161

Keywords:

Intelligent UI Rendering, Machine Learning, User Journey Prediction, E-Commerce, Prefetching, Largest Contentful Paint, Sales Funnel Optimization, React, Angular, Sequence Prediction

Abstract

Page load speed has a direct impact on whether shoppers complete a purchase or abandon the funnel. Despite years of investment in optimization techniques like code splitting, lazy loading, and CDN delivery, most front-end applications still treat every navigation event the same way. They do not account for what a specific user is likely to do next. Existing tools like Guess.js and Next.js do use historical data to prefetch common routes, but they rely on averaged patterns across many users rather than signals from the current session. This paper describes the Intelligent Preload Engine (IPE), a lightweight machine learning framework that watches what a user is doing right now - how long they dwell, how far they scroll, how often they click - and uses that to predict their next navigation step before they take it. The IPE then preloads the relevant route bundle and API data in the background, so the transition feels instant. In simulation across a five-stage e-commerce funnel, the IPE achieved next-step prediction accuracy of 76.8% with a Markov model, 81.3% with an LSTM, and 83.7% with a lightweight Transformer. Simulated LCP on predicted targets dropped by an average of 58%, and funnel completion was projected to improve by 2.1 percentage points. These results come from simulation and will need to be validated against real production traffic before drawing firm conclusions.

References

[1] G. Linden, "Make Data Useful," Stanford University presentation, 2006.

[2] Akamai Technologies, "State of Online Retail Performance," SOASTA/Akamai Research Report, Spring 2017. [Online]. Available: https://www.akamai.com/newsroom/press-release/akamai-releases-spring-2017-state-of-online-retail-performance-report

[3] Deloitte, "Milliseconds Make Millions: The Impact of Mobile Performance on Retail Consumer Behavior," Deloitte Digital Report, 2020.

[4] Google Chrome Developers, "Core Web Vitals," web.dev, 2023. [Online]. Available: https://web.dev/vitals/

[5] G. Mihajlija, "Introducing Guess.js," Google Developers Blog, 2018.

[6] Next.js Contributors, "Automatic Static Optimization and Prefetching," Next.js Documentation, 2023. [Online]. Available: https://nextjs.org/docs

[7] V. N. Padmanabhan and J. C. Mogul, "Using Predictive Prefetching to Improve World Wide Web Latency," ACM SIGCOMM Computer Communication Review, vol. 26, no. 3, pp. 22-36, 1996.

[8] W3C, "Resource Hints," W3C Working Draft, 2023. [Online]. Available: https://www.w3.org/TR/resource-hints/

[9] J. Domenech, J. A. Gil, J. Sahuquillo, and A. Pont, "Web Prefetching Performance Metrics: A Survey," Performance Evaluation, vol. 63, no. 9-10, pp. 988-1004, 2006.

[10] P. Nawrocki, B. Sniezynski, and M. Jarosz, "Adaptive Web Systems with Machine Learning," Journal of Network and Computer Applications, vol. 103, pp. 40-56, 2018.

[11] B. Hidasi, A. Karatzoglou, L. Baltrunas, and D. Tikk, "Session-Based Recommendations with Recurrent Neural Networks," in Proc. ICLR, 2016.

[12] M. Quadrana, P. Cremonesi, and D. Jannach, "Personalizing Session-based Recommendations with Hierarchical Recurrent Neural Networks," in Proc. ACM RecSys, 2017, pp. 130-137.

[13] J. Borges and M. Levene, "Evaluating Variable-Length Markov Chain Models for Analysis of User Web Navigation Sessions," IEEE Trans. Knowledge and Data Engineering, vol. 19, no. 4, pp. 441-452, 2007.

[14] Baymard Institute, "E-Commerce Checkout Usability Research," 2023. [Online]. Available: https://baymard.com/research

[15] Nielsen Norman Group, "How Users Read on the Web," NNG Report, 2020. [Online]. Available: https://www.nngroup.com/articles/how-users-read-on-the-web/

[16] MDN Web Docs, "Network Information API," Mozilla Developer Network, 2024. [Online]. Available: https://developer.mozilla.org/en-US/docs/Web/API/NetworkInformation

[17] S. Wu, Y. Tang, Y. Zhu, L. Wang, X. Xie, and T. Tan, "Session-Based Recommendation with Graph Neural Networks," in Proc. AAAI, 2019, pp. 346-353.

Published

2026-03-23

Issue

Section

Articles

How to Cite

1.
Pattan AK. Intelligent UI Rendering: Leveraging Machine Learning to Predict and Preload User Journey Steps in E-Commerce Sales Funnels. IJAIDSML [Internet]. 2026 Mar. 23 [cited 2026 Apr. 24];7(1):384-9. Available from: https://ijaidsml.org/index.php/ijaidsml/article/view/517