Profile

Cover photo
Ismail Xahy
Works at Sun Media
Attended ICBT
Lives in Male
218 followers|4,682 views
AboutPostsPhotosYouTube

Stream

Ismail Xahy

Shared publicly  - 
 
 
Speed up Your Website

InstantClick is a JavaScript library that dramatically speeds up your website, making navigation effectively instant in most cases.

Why:

Despite the huge bandwidth increases, websites don’t get much faster. This is because the biggest botteneck in loading web pages is latency.

How does it work:

Latency is inevitable with today’s internet architecture so InstantClick cheats by preloading links you are likely to click on.

Before a visitor clicks on a link, he hovers over that link. Between these two events, 200 ms to 300 ms usually pass by (Test yourself here: http://instantclick.io/click-test.html). InstantClick makes use of that time to preload the page, so that the page is already there when you click.

If you want your website to not be flooded by requests, you can set a delay before preloading starts when a user hovers a link. It will still feel instant (http://www.nngroup.com/articles/response-times-3-important-limits).

If you really don’t want any wasted request, you may preload on “mousedown”. This is when you press your mouse button (a click is when you release it).

InstantClick uses pushState and Ajax, a combo known as pjax (https://github.com/defunkt/jquery-pjax).

Ajax brings two nice benefits in and of itself:

1. Your browser doesn’t have to throw and recalculate styles and scripts every time you go to another page.

2. You don’t get a white flash while your browser is waiting for a page to display, making your website feel faster.

If your browser doesn’t support pushState (http://caniuse.com/#search=pushstate), InstantClick fully degrades.

Getting started:

Head to the Getting started page (http://instantclick.io/start.html).

What’s coming next:

By decreasing order of priority:

* Preloading on “touchstart”, so that mobile devices can preload too.
* Adding a progress bar (in the spirit of NProgress), for those users that have a slow connection.
* Getting statistics on how much additional load InstantClick puts on a server.

Check out Latency: The New Web Performance Bottleneck (http://www.igvita.com/2012/07/19/latency-the-new-web-performance-bottleneck) for a good summary about bandwidth vs. latency effects on web pages.

Source:
http://instantclick.io
 
GitHub / Download:
https://github.com/dieulot/instantclick

License:
The MIT License (MIT)
http://opensource.org/licenses/mit-license.php
https://github.com/dieulot/instantclick/blob/master/LICENSE
2
Web Media House's profile photo
 
Many thanks for sharing +Ismail Xahy
Have a great day!
Add a comment...

Ismail Xahy

Shared publicly  - 
2
Add a comment...

Ismail Xahy

Shared publicly  - 
 
#sunonline  overhauling the website.. powered by +Mohamed Afzal 
1
Add a comment...

Ismail Xahy

Shared publicly  - 
1
Add a comment...

Ismail Xahy

Shared publicly  - 
 
AWSOME!! xD
1
Add a comment...
Have him in circles
218 people
Naveez Mohamed's profile photo
Navas fathuhee's profile photo
Shazim Saeed's profile photo
Mohamed Zahir Hassan's profile photo

Ismail Xahy

Shared publicly  - 
1
Add a comment...

Ismail Xahy

Shared publicly  - 
 
Da fuq Apple maps?
 
Wait! Apple Maps did ... what?
This is a user-submitted review for the Google Maps for iOS app.
1
Add a comment...

Ismail Xahy

Shared publicly  - 
 
 
There's something big coming up...
1
Add a comment...

Ismail Xahy

Shared publicly  - 
1
Add a comment...
People
Have him in circles
218 people
Naveez Mohamed's profile photo
Navas fathuhee's profile photo
Shazim Saeed's profile photo
Mohamed Zahir Hassan's profile photo
Work
Occupation
Web
Employment
  • Sun Media
    IT Administrator, 2011 - present
Places
Map of the places this user has livedMap of the places this user has livedMap of the places this user has lived
Currently
Male
Previously
Sri lanka - Fuvahmulah
Contact Information
Work
Phone
7970075
Email
Address
Sun Media Group
Apps with Google+ Sign-in
Story
Tagline
Live to Die
Introduction
Simple guy with simple needs.. :D
Education
  • ICBT
    HND in Computing, 2009 - 2011
  • Gn AEC
    A level and O level, 2002 - 2008
  • MJM
    Primary, 1994 - 2001
Basic Information
Gender
Male
Relationship
Married
Links
Other profiles
Contributor to