https://www.npmjs.com/package/flying-pages

npm version: 2.0.6

latest version: 2.1.2

Hi,

Reading the code, I fail to find where it actually "fallbacks to XHR".

  // Prefetch the given url using native 'prefetch'. Fallback to 'xhr' if not supported
  const prefetch = (url) =>
    new Promise((resolve, reject) => {
      const link = document.createElement(`link`);
      link.rel = `prefetch`;
      link.href = url;
      link.onload = resolve;
      link.onerror = reject;
      document.head.appendChild(link);
    });

It does not seem to be a fallback mechanism built in here.

This code is, if I read it correctly, in fact not even running since we stop execution on line 21 if prefetch is not supported:

  // Don't start prefetching if user is on a slow connection or not supported
  if (isSlowConnection || !isSupported) return;

Am I missing something? If not, I'll happily make a PR that actually implements XHR. I guess this be very inspired by how Quicklink does it.

Hello, am sorry but i cant find repository for Flying Scripts,

so can i try here? pls

Does it work for me? When the google speed test for "www-embed-player.js" reports the same "ms" as before the test.

The screenshot of my "settings in administration" is the second one, at the end.

My next question is whether the plugin can deal with the google message: "Some third-party resources can be lazy loaded with a facade"

google speed test:

my settings in admin:

This plugin does not work on Firefox or Safari, but does work for Chrome. Please see my website as an example:

https://www.lyka.stream/

As you see, Chrome is the only one that prefetches. Do you know why this is? Is it possible to bring support to these other two browsers?

Dear Flying Pages

I have 15 links (5 viewable + 10 non-viewable) on screen in every pages. I changed from default 3 to 20 but the result is only load viewable links. So visitors have to scroll down first to make all non-viewable loaded.

I need to load all (viewable + non-viewable) links without visitor scrolling down first. How to configure it?

Regards

Hi! Currently, the license is only specified in the package.json file so it isn't displayed on the GitHub sidebar; a license.md file could be added to more clearly state the chosen license for the project.

Hello
Warning: get_headers(): https:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/fz43556/somedomain/www/wp-content/plugins/flying-pages/settings/compatibility.php on line 6

Warning: get_headers(): This function may only be used against URLs in /home/fz43556/somedomain/www/wp-content/plugins/flying-pages/settings/compatibility.php on line 6

What does it means? cant see plugin working..
Thank you

Hello,

I inlined your script to make my website faster, but i noticed that it is downloading the page im already in multiple times.
I figured thats because i have internal links (footnotes, headers).

Maybe it would be smart to keep track of urls (without #) and prevent script from firing off duplicated requests.

This is how it looks like:

Other than that great job, it works very nice and is easy to use.

It isn't always possible to prefetch cross-origin resources, however, some optimizations can still be made for external links by requesting the browser prefetch the dns records or preconnect to the host. Twitter has enabled such a service while hovering over tweets to external urls.

I would like to propose adding a feature to appending dns-prefetch or preconnect html tags when a user hovers or begins to click off-domain url.

<link rel="preconnect" href="https://example.com">
<link rel="dns-prefetch" href="https://example.com">

Can I use a DIV with onclick="requestWebpage()">

Thanks and COOL idea!

Hello,

Installing the plugin with Easy Digital Downloads creat issues with the cart page. The end result is that the cart shows as empty and no payment can be procced.