Context:
I’m creating an custom product grid to show in my ecommerce website, and i would like make my site faster.
I found this function prefetchPageResources() on the velo documentation. I tried implementing it on my product repeater, the idea was that everytime a visitor’s mouse is over an “Ver más” button, it would preloaded the product page, making faster the transition between pages.
The problem I found was that everytime it ran it gave an error. I implemented it this way
$item("#button3").onMouseIn(async () => {
console.log("Intentando prefetch para:", itemData.link);
try {
const response = await wixSiteFrontend.prefetchPageResources({
pages: [itemData.link] // Asegúrate de que 'itemData.link' es un path válido
});
console.log("Respuesta del prefetch:", response);
if (response.errors && response.errors.length > 0) {
console.error("Errores en prefetch:", response.errors);
} else {
console.log("Element prefetched correctamente.");
}
} catch (error) {
console.error("Error en prefetch:", error);
}
});
One example of itemData.link is “/product-page/DFAM00041”, and in this case it gives an error. This product does exist on my page. But if i try jut “/product-page” it is successful… But I don´t understand what is supposed to be preloading jut by using /product-page and not the whole url for the product
Someone know if prefetchPageResources works with dynamic pages? If not, someone has an idea of how to implement something similiar for my product-pages?