Prerendering iframe that is used in different Route

I have an application in React + Router + Redux with job offers. On homepage i have paginated list of offers. When user clicks on one of the offers app goes to different route with offer details. On the offer details page i have an iframe element form google maps API with localization. The problem is loading iframe takes around a second and user has to wait to load. Is there any way to preload the iframe on homepage before user enters offer (e.g. hover on link to offer) and send it to offer detail route?