Is jQuery as fast as JS?

[Guest]

As I work on my website, I'm trying to make it as fast as possible. I used:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><script src="js/fetch.js"></script>

On every page to load in the navbar and things not in my main_content section

fetch.js:

$(function(){  $("#include_navbar").load("template.html"); });

As you can see, this is jQuery. I know most of you with your fancy 100+ mbps would definently not notice a difference if I switched to js, but I think using jquery adds a ~100kb download to every page. So would it be worth it to switch to js? Also if it is, could someone convert the above jquery into js I'm not good at javascript. Thanks.

[brownninja97]

in my experience no but then again im still learning jquery. pretty decent with javascript so it could just be that.

[mikat]

unless you are on #1mbitmasterrace you wont notice it

1 mbit = 0,125 MB/s = 125 KB/s

100/125=0.8

it would take 0.8 seconds extra to load JQuery if they have 1 mbit..

(so if you have 8 mbit that would be 0.1 seconds)

[Guest]

unless you are on #1mbitmasterrace you wont notice it

Well I am, so...

[mikat]

Well I am, so...

speedtest?

btw: mine is

(with 1x 720p video and 1x 360p video playing )

[Guest]

speedtest?

1.2mbps/0.7

[mikat]

1.2mbps/0.7

dang.. but who is your website targeted at?

[Guest]

dang.. but who is your website targeted at?

Anyone. It's mainly about programming/linux/3d modeling. Most of my friends and family live in the middle of nowhere so its important that I use as little bandwidth as possible without affecting the overall experience.

 

Also: when loading the sight it flashes for a second without css and its kind of annoying. Hopefully that is easily fixable.

[mikat]

1.2mbps/0.7

btw i just discovered something: i loaded jquery.org with dev tools pulled up in chrome and it said jquery.min.js had a size of 0 so it's probably in cache which should mean it won't matter for loading speeds?

(i tried it again on my laptop and it said it was 32 kb (1.11.2))

[madknight3]

jQuery is a large library for JavaScript so of course you'll be adding some extra size to your page. You can customize it a bit to make it smaller though. See the Modules section here. Here is another option which simplifies the process. Using a good CDN (Google is just one option) will often improve things as well, and you can always get your own like CloudFlare.

 

Since jQuery is just a JavaScript library, for every piece of jQuery code there's an equivalent piece of JavaScript code. You don't need jQuery if you don't want to, it's just there to make things easier.

[Hazy125]

Just throw async on to the script including tag and it won't load block unless you have a  terrible browser, so it's hardly noticeable

[Guest]

Just throw async on to the script including tag and it won't load block unless you have a  terrible browser, so it's hardly noticeable

Async is external scripts only

[Hazy125]

Async is external scripts only

 

You're loading Jquery from google..? I'd say that counts as an external script 

[Guest]

You're loading Jquery from google..? I'd say that counts as an external script 

Oh thought you meant something else.

When I add it to that it just stops any css from loading

[mikat]

You're loading Jquery from google..? I'd say that counts as an external script 

yes.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

[SpaceNugget]

jQuery is js.

 

And after the first page load it should be cached. If you use a popular cdn it could be even be cached from another site and wont slow down your site at all.

[mikat]

jQuery is js.

 

And after the first page load it should be cached. If you use a popular cdn it could be even be cached from another site and wont slow down your site at all.

like the one i linked

[Guest]

Just realized I'll fix the flashing problem by moving the css links into invidividual files instead of the template

[vorticalbox]

Load the nav bar server side using PHP? if the server is building the site you will just have the html that is returned.

[Guest]

Load the nav bar server side using PHP? if the server is building the site you will just have the html that is returned.

I can't github pages is frontend only

[Alim]

90% jquery is already cached if you are using cdn