https://github.com/genderev/prerender.js

Fast webpages for all browsers.
https://github.com/genderev/prerender.js

performance prediction prerender prerendering speed web-development web-performance

Last synced: 8 months ago
JSON representation

Fast webpages for all browsers.

Host: GitHub
URL: https://github.com/genderev/prerender.js
Owner: genderev
License: mit
Created: 2020-04-08T21:40:27.000Z (almost 6 years ago)
Default Branch: master
Last Pushed: 2020-10-01T09:02:23.000Z (over 5 years ago)
Last Synced: 2025-04-29T10:02:36.978Z (9 months ago)
Topics: performance, prediction, prerender, prerendering, speed, web-development, web-performance
Language: JavaScript
Homepage:
Size: 592 KB
Stars: 416
Watchers: 5
Forks: 12
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

![png](assets/prerender.png)
![GitHub license](https://img.shields.io/github/license/Naereen/StrapDown.js.svg)
![GitHub license1](https://img.shields.io/github/languages/top/genderev/prerender.js)
![GitHub license](https://img.shields.io/github/issues-pr-closed-raw/genderev/prerender.js)
![GitHub license2](https://img.shields.io/github/languages/code-size/genderev/prerender.js)
![GitHub license31](https://img.shields.io/github/issues/genderev/prerender.js)
![GitHub license3](https://img.shields.io/github/issues-pr/genderev/prerender.js)
[![Gitpod Ready-to-Code](https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/genderev/prerender.js)

# prerender.js

**prerender.js** loads pages quickly on any browser.

## Project Features

Prerendering loads all the assets of a page before the user navigates to that page. Conventionally, prerendering [is like opening the URL in a hidden tab](http://www.stevesouders.com/blog/2013/11/07/prebrowsing/) and then showing that hidden tab once the user clicks on it.

**prerender.js** is a way to preload any link the user hovers over. Based on a prerendering [polyfill](https://github.com/samyk/jiagra), it loads the next page in a hidden iframe. If that link is in a button or link element, *prerender.js runs*. If the user is on mobile, *prerender.js runs*. If the user's browser is Internet Explorer 8, *prerender.js runs*. **prerender.js** focuses on the guarantee of web performance for all users.

## Data
A page on my site without **prerender.js** had 1.37s page load. With **prerender.js** that same page had a 600ms page load. A website where this is already live is under development, but you can [ask me](https://twitter.com/fleshmecha) about it later when it's done.

## Installers

For Node:
`npm i prerender_all`

For the browser:
``

## Downloading

You can also self-host by downloading prerender.js from Github and including it in your webpage as a script. Self-hosting is as simple as that - wherever your html files are, put the code for prerender.js there too.

After you've downloaded prerender.js, copy this line of code and include it in your website:

``

## Documentation

To use **prerender.js** with buttons, check out buttons.js in the file directory.
Links do not require any configuration to enable prerender besides including the code for the script on the page.

## Contributors
If you want to make the functionality for buttons better, make a pull request to the Github repo. If you think I missed something, make a pull request to this repo! I haven't been using this for a long time so I would love feedback and improvement. If you find a bug, try letting me know in the Issues tab.

## Credit
- [instant.page](https://instant.page/)
- [jiagra](https://github.com/samyk/jiagra)