gijo-varghese / flying-pages

Load inner pages instantly, intelligently

Hi, I'm Gijo Varghese 👋

About me

A developer, blogger and entrepreneur. Loves working with web performance. A WordPress speed enthusiast.

I run

• FlyingPress
• FlyingCDN
• WP Speed Matters

Where to find me

• Twitter
• Facebook

flying-pages's Issues

Question: Can pre-fetch be called up with onClick event instead of a href="url" ?

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

Thanks and COOL idea!

Does not fallback to XHR?

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.

Load All Viewable And Non-Viewable Internal Link

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

Warning: get_headers() error?

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

Tip: the npm packages haven't been updated for three years

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

npm version: 2.0.6

latest version: 2.1.2

Easy Digital Downloads Checkout Issues

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.

Not working on Firefox or Safari, but Chrome is OK

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?

Add a license.md file

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.

Flying SCRIPTS ??

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:

Preconnect or DNS Prefetch Cross-Origin Domains

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">

Anchors - duplicated prefetches

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.