It refers to the usage of the prefetch attribute on html link tags
Questions tagged [link-prefetch]
13 questions
49
votes
10 answers
How to Preload Images without Javascript?
On one of my HTML pages there are some large images that are shown when I mouse hover over some links and it takes time to load those images.
I don't want to use JavaScript to preload images. Are there any good solutions?
Wasim Shaikh
- 6,880
- 18
- 61
- 88
11
votes
3 answers
Does link prefetching work across subdomains?
I've been trying to use something like this to get a performance boost when clicking from a simple landing page to a heavyweight single page app:
Maros
- 1,825
- 4
- 25
- 56
5
votes
1 answer
Using "prefetch" links for images in Chrome
Suppose the following snippet:
document.addEventListener("DOMContentLoaded", () => {
const src = "https://via.placeholder.com/200x100?text=loaded";
const link = document.createElement("link");
link.rel = "prefetch";
link.as =…
Jeroen
- 60,696
- 40
- 206
- 339
4
votes
1 answer
Should you use next/link (prefetched client side transitions) for pages with any dynamic content?
From: next/link
You can see that the component from next/link enables client-side transitions and link prefetching, which are great features, but maybe not for all cases.
Please see the caveat I've run into. Let's say I have the following…
cbdeveloper
- 27,898
- 37
- 155
- 336
2
votes
3 answers
link prefetch not working properly, script is fetched again on navigation
I am having a simple markup.
Document
…
Aakash_Sardana
- 260
- 1
- 8
2
votes
1 answer
Vue PWA Precache manifest versus HTML prefetch link
I'm wondering, when building a Vue PWA app using the CLI and letting all config at default values, my built app is:
prefetching all chunks on initial load using the HTML prefetch links
precaching all chunks using Workbox's PWA mechanism
How do…
kdd
- 656
- 5
- 7
2
votes
1 answer
How to prefetch external HTML pages in safari?
I am currently using nextJS (with react) and its working great. I am also using data prefetch link to prefetch links within the application and it works awesome.
I have a requirement to prefetch couple of pages created using nextJs but running as a…
Learner
- 2,303
- 9
- 46
- 81
1
vote
1 answer
Including prefetch link in the body instead of the header
I want to include in my WordPress page mydomain.com/plan which is page_id = 25 :
anjanesh
- 3,771
- 7
- 44
- 58
0
votes
1 answer
Does HTML prefetch cascade?
Our homepage has the following in the header section:
The about page has the following in the header section:
If a user goes to the homepage, will the terms page…
user1946932
- 474
- 1
- 16
- 41
0
votes
2 answers
Link Perview for different routes in angular
Can some one please guide me with an angular issue. I have one scenario which I need to develop in angular 8, for every different URL (routing) we need link preview differently for example I am sharing some examples.
Harendra Nishad
- 11
- 1
0
votes
1 answer
Force Gatsby to prefetch linked page
In my app, I'm storing state in a global object (similar to, but not Redux). When users navigate around the site, I want this state to persist. Gatsby intelligently tries to prefetch page content for links it finds on the page, but sometimes when…
jaredloson
- 86
- 5
0
votes
1 answer
It it good to use Link prefetching on resources belonging to the same document?
I was wandering. Say I've got a big one-page website. Say it has at some point, a very big image. I'd like the browser to give it some kind of download priority. In this case, is it good to use Link prefetching? Or, should I use Link prefetching…
Luca Reghellin
- 7,426
- 12
- 73
- 118
-1
votes
1 answer
How does Google Keep fetch link preview?
My websites (which are just recovered from an attack) are fetched like this in Google Keep. However testing with Facebook Open Graph Debugger they appear normal. So is there a way to know what mechanism GK uses to fetch link preview?
Also asked in…
Ooker
- 1,969
- 4
- 28
- 58