All Projects → EvandroLG → Pageaccelerator

EvandroLG / Pageaccelerator

Licence: mit
A very light solution to load web pages faster

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

Projects that are alternatives of or similar to Pageaccelerator

Odds And Ends
Translate some front-end tutorials
Stars: ✭ 49 (-96.01%)
Mutual labels:  front-end
Fe
前端学习指南
Stars: ✭ 66 (-94.63%)
Mutual labels:  front-end
Single Spa
The router for easy microfrontends
Stars: ✭ 10,395 (+745.81%)
Mutual labels:  front-end
Dawn
🌅 Dawn is a lightweight task management and build tool for front-end and nodejs.
Stars: ✭ 1,057 (-14%)
Mutual labels:  front-end
Bootstrap Dark
The Definitive Guide to Dark Mode and Bootstrap 4 - A proof of concept
Stars: ✭ 54 (-95.61%)
Mutual labels:  front-end
Entityframework Reverse Poco Generator Ui
A simple UI to allow you to easily select which tables you want the EntityFramework Reverse POCO Code First Generator to use.
Stars: ✭ 69 (-94.39%)
Mutual labels:  front-end
Spionio
Lightweight focus group management platform that can capture and replay user interaction on your site and improve the UX in everything you build
Stars: ✭ 40 (-96.75%)
Mutual labels:  front-end
Css Essential Training
Exercise files for the CSS Essential Training course on LinkedIn Learning and Lynda.com
Stars: ✭ 80 (-93.49%)
Mutual labels:  front-end
Dev Practice
Practice your skills with these ideas.
Stars: ✭ 1,127 (-8.3%)
Mutual labels:  front-end
F2edocs.com
📘 前端开发-学习资料库 (开源书籍,规范,博客社区,面试题)。前端开发者,是这个互联网时代不可缺少的角色,我们彼此相爱,我们共同学习。
Stars: ✭ 74 (-93.98%)
Mutual labels:  front-end
Vrac
Declarative html template library from the future. <wip>
Stars: ✭ 52 (-95.77%)
Mutual labels:  front-end
Front End Roadmap
Tell you how to learn front end development ~
Stars: ✭ 1,070 (-12.94%)
Mutual labels:  front-end
React Easy Params
🔗 Auto synchronize your state with the URL and LocalStorage.
Stars: ✭ 73 (-94.06%)
Mutual labels:  front-end
Webthings
A collection of all things web, because my memory sucks and so does yours.
Stars: ✭ 50 (-95.93%)
Mutual labels:  front-end
Cookie Monster
Javascript Cookie Library
Stars: ✭ 74 (-93.98%)
Mutual labels:  front-end
Sublime packages
✍️ SublimeText Pageages Backups For Front-End Developer
Stars: ✭ 41 (-96.66%)
Mutual labels:  front-end
Horsey
🐴 Progressive and customizable autocomplete component
Stars: ✭ 1,146 (-6.75%)
Mutual labels:  front-end
Css Sprite Exporter
A script can help generate css sprite animation from AE comps.
Stars: ✭ 80 (-93.49%)
Mutual labels:  front-end
Typescript Challenges
A set of challenges helping you understand TypeScript
Stars: ✭ 79 (-93.57%)
Mutual labels:  front-end
Fbi
Node.js workflow tool
Stars: ✭ 74 (-93.98%)
Mutual labels:  front-end

pageAccelerator

Build Status Gitter CDNJS

A very light solution to load web pages faster.

Browser Support

  • Google Chrome 5.0+
  • Firefox 4.0+
  • Edge 14+
  • Opera 11.5+
  • Safari 5.0+

** For IE10+ you need to use some polyfill to add support for Promises.

How does it work?

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.

Installation

To install pageAccelerator, execute:

  npm install page-accelerator --save

or

  bower install page-accelerator --save

Or simply use the minified file from the dist/ directory.

How to use?

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();

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

Parameters

pageAccelerator can also receive an object as a parameter with the following options:

  • beforeLoading function: Will be called whenever a new page was requested by a click or the browser back
  • afterLoading function: Will be called whenever a new page has been loaded

Team

pageAccelerator was made with love by a bunch of awesome contributors.

Author

@evandrolg
@evandrolg
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].