quicklink - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

package.json

 {
   "name": "quicklink",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Faster subsequent page-loads by prefetching in-viewport links during idle time",
@@ -5,0 +5,0 @@ "main": "dist/quicklink.js",

README.md

@@ -113,3 +113,3 @@ <p align="center">
 
-**Set the DOM element to obseve for in-viewport links**
+**Set the DOM element to observe for in-viewport links**
 
@@ -166,6 +166,16 @@ Defaults to `document` otherwise.
 
+## Demo
+
+Here's a [WebPageTest run](https://www.webpagetest.org/video/view.php?id=181212_4c294265117680f2636676721cc886613fe2eede&data=1) for our [demo](https://keyword-2-ecd7b.firebaseapp.com/) improving page-load performance by up to 4 seconds via quicklink's prefetching. A [video](https://youtu.be/rQ75YEbJicw) comparison of the before/after prefetching is on YouTube.
+
+For demo purposes, we deployed a version of the [Google Blog](https://blog.google) on
+Firebase hosting. We then deployed another version of it, adding quicklink to the homepage and benchmarked navigating from the homepage to an article that was 
+automatically prefetched. The prefetched version loaded faster.
+
+Please note: this is by no means an exhaustive benchmark of the pros and cons of in-viewport link prefetching. Just a demo of the potential improvements the approach can offer. Your own mileage may heavily vary.
+
 ## Related projects
 
 * Using [Gatsby](https://gatsbyjs.org)? You already get most of this for free baked in. It uses `Intersection Observer` to prefetch all of the links that are in view and provided heavy inspiration for this project. 
-* Want a more data-driven approach? See [Guess.js](https://guessjs.com). It uses analytics and machine-learning to prefetch resources based on how users navigate your site. It also has plugins for [Webpack](https://www.npmjs.com/package/guess-webpack) and [Gatsby](https://www.gatsbyjs.org/docs/optimize-prefetching-with-guessjs/).
+* Want a more data-driven approach? See [Guess.js](https://guess-js.github.io). It uses analytics and machine-learning to prefetch resources based on how users navigate your site. It also has plugins for [Webpack](https://www.npmjs.com/package/guess-webpack) and [Gatsby](https://www.gatsbyjs.org/docs/optimize-prefetching-with-guessjs/).
 
@@ -172,0 +182,0 @@ ## License

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

226778

increased by1.72%

Number of package files

31

increased by3.33%

Lines of code

483

increased by22.9%

Number of lines in readme file

184

increased by5.75%

No dependency changes