Easyfood / pageAccelerator
- среда, 14 сентября 2016 г. в 03:14:33
JavaScript
A very light solution to load web pages faster
A very light solution to load web pages faster.
5.0+ ✔ | 4.0+ ✔ | 10+ ✔ | 11.5 ✔ | 5.0+ ✔ |
It's an agnostic library that uses ajax and pushState to deliver a faster navigation experience. pageAccelerator is a very light version of turbolinks and pjax (our minfied file is just 2.2KB!). Basically what it does is follow every link in your application and each click it loads the page in background and replaces the content correctly, keeping the real datas from body and head, updating the title.
To install pageAccelerator, execute:
npm install page-accelerator
or
bower install page-accelerator
Or simply use the minified file from the dist/
directory.
pageAccelerator doesn't depend on jQuery, Zepto or any other library to work. You need just to include it at the end of your HTML code:
<script src="page-accelerator.min.js"></script>
Then you need to call the pageAccelerator
function, such as the example bellow:
pageAccelerator();
pageAccelerator
can also receive a callback as a parameter - this callback will be called whenever a new page has loaded.
Just call it and pageAccelerator was already following the web application links.
For links that you don't want to be followed, you need simply add data-pageAccelerator="false"
.