We have a large html page, say A.html that takes various parameters and load data accordingly. Assume it is something like https://{mydomain}/{longpath}/A.html?someparam=large_string

It is on a static aws website with cloudfrount. I want to create another page say B.html that is at a url that looks more user friendly and has parameters as part of path. say https://{mydomain}/shortstring

This page or a lambda edge function that generates this page will decipher the path url and load the original page with right values set. We don't want to return the large html page A.html on every access to this path in the expectation that loading of A.html can be better done from cache instead of losing the cache advantage at every shortstring url.

Is there a way to load A.html inside the B.html in such a way that the user only sees the user friendly urls in address bar ie https://{mydomain}/shortstring .

PS: Note this is different from redirecting to https://{mydomain}/{longpath}/A.html?someparam=large_string

Thanks in advance