Defresh - Cut your site's link load speed time in half with 1 <script> tag

The Gallery
, ,
1

Project URL: formerly https://defresh.glitch.me

Defresh is a site that me and @anon70439135 (formerly @idodev) have created. It’s a free-to-use software that makes your link loading time way faster.

It does this by not reloading the page when you click on a link.

How was this done? With a combo of AJAX and the history API, called PJAX More info here.

I’d love your feedback!

Thanks,

DerDer56 (& @anon70439135)

4 Likes
2

hmmm, i like the project! but the github link returns a 404

1 Like
3

fixed it just now! lol

1 Like
5

WOW! Great job!!!

1 Like
6

here’s the link anyway:

7

thank you very much! :smile:

8

Hi, thanks for opening up a discussion about this.

Main question from me: what makes it faster to load a page with AJAX and render it with document.write?

Also, could you describe how you found that it cuts your site’s link load speed time [sic] in half?

9

we ran some simple tests using Date.now to find the difference between the link click and page load, and the ajax was around 1.9 times faster, which is very close to 2. nice question though!

10

This looks neat. Could you publish this to NPM? That way it could get on jsdelivr and cdnjs.

1 Like
11

You should also support touchscreens with the touchstart event
http://instantclick.io/click-test

2 Likes
12

but the onclick works on mobile 2

13

Brave thinks you’re giving a 404 error, it’s asking if I want to find the page on wayback machine.
This is glitch also so you might wanna set some limits for max pages otherwise a page with lots of links will make lots of requests.

1 Like
14

i changed the hosting to github tho

1 Like
15

Could you also minify it?

1 Like
16

ok, no problemo, thats a good idea

17

regular will be moved to defresh.glitch.me/commented.js

18

ok, i minified it! thank you 4 the idea!

1 Like
19

Expect some down time from the site, beacuse we are acquiring a js.org domain, defresh.js.org

3 Likes
20

hmmmm, seems promising…

1 Like
21

Here are some ideas you should consider

  1. For really heavy sites preload all the links within the region of the viewport(where the user can see) and download more when the user scrolls and make sure to delete the old links
  2. Use an optional special protocol with the server to be able to request multiple pages with one request
  3. Detect low bandwith and automatically disable/enable some features
  4. Not sure if this is possible with the capabilties of js but don’t load images and videos and iframes until the users scrollbar is near
  5. For downloads preload only the first 100kb or some number of data
2 Likes