External scripts

stuartpb · 01-12-2011, 08:33 AM

I have seen some cool JS scripts that I wouldn't mind using on my site. For the sake of tidiness, I wouldn't mind just putting them all in one file, and linking to that from the web pages, instead of having 5 or 6 seperate links for each script. I'm not sure which is the best way though, doing it like this, or just keeping everything seperate. Would there be a load time increase on the page, or any other problems?

Any advice is appreciated.

Thanks,

Stu

smoovo · 01-13-2011, 04:21 AM

Any kind of file embedding, like JS, CSS, images, etc. will force HTTP request. HTTP requests taking time, and it is better to have low as possible requests.

If you will have all the JS scripts in one file it will increase your page speed. The thing is, some of the JS codes have to be linked in the header, and some right before the ending body tag. If you have this two kind of scripts, you can make two files, and embed one in the header and one right before the ending body tag. Either way make it all-in-one as possible.

Another thing is that some pages are not using one or two of this scripts, so adding them to the page will make the page slower.

Think about it and try to understand and figure what the best solution for your website, and faster is better.

- Good Luck.

stuartpb · 01-13-2011, 11:00 AM

Thanks a lot for the info, and I've minimised the JS and also the CSS. Load times weren't a problem on the site, but at least I know that everything's optimised.

Cheers,

Stu

smoovo · 01-13-2011, 02:34 PM

My pleasure.

You can optimize page speed in many ways; Sprites, Images file size (jpg vs. png), Minify Scripts, etc.

See Google's page speed explanation.

- Have Fun.

stuartpb · 01-14-2011, 11:49 AM

Thanks again

The google page was a good read, and definitely gave me some good pointers.

Dorky · 01-14-2011, 03:31 PM

Sprites are segmented and also require further http requests. do you mean sliced?

che09 · 01-17-2011, 09:19 PM

I think everything's well now. Taking smoovo's advice is a good thing!!

peterjoys · 10-14-2011, 10:45 AM

# Use external JavaScript files when you want to use the same script on many pages, but don't want to have to rewrite the code on every page!
# Use external JavaScript files for including both types of scripts: the type that you place in the head (functions) and the type you place in the body (scripts you want to run when the page loads).

01-12-2011, 08:33 AM	#1
stuartpb New Member Join Date: Dec 2010 Location: Doncaster, S. Yorks Posts: 16	External scripts I have seen some cool JS scripts that I wouldn't mind using on my site. For the sake of tidiness, I wouldn't mind just putting them all in one file, and linking to that from the web pages, instead of having 5 or 6 seperate links for each script. I'm not sure which is the best way though, doing it like this, or just keeping everything seperate. Would there be a load time increase on the page, or any other problems? Any advice is appreciated. Thanks, Stu

01-13-2011, 04:21 AM	#2
smoovo Gold Member Join Date: Oct 2010 Posts: 388	Any kind of file embedding, like JS, CSS, images, etc. will force HTTP request. HTTP requests taking time, and it is better to have low as possible requests. If you will have all the JS scripts in one file it will increase your page speed. The thing is, some of the JS codes have to be linked in the header, and some right before the ending body tag. If you have this two kind of scripts, you can make two files, and embed one in the header and one right before the ending body tag. Either way make it all-in-one as possible. Another thing is that some pages are not using one or two of this scripts, so adding them to the page will make the page slower. Think about it and try to understand and figure what the best solution for your website, and faster is better. - Good Luck. __________________ SMooVo - Web Design & Development contact@smoovo.com www.SMooVo.com

01-13-2011, 02:34 PM	#4
smoovo Gold Member Join Date: Oct 2010 Posts: 388	Improve page speed My pleasure. You can optimize page speed in many ways; Sprites, Images file size (jpg vs. png), Minify Scripts, etc. See Google's page speed explanation. - Have Fun. __________________ SMooVo - Web Design & Development contact@smoovo.com www.SMooVo.com

01-17-2011, 09:19 PM	#7
che09 Gold Member Join Date: Nov 2010 Posts: 324	I think everything's well now. Taking smoovo's advice is a good thing!! __________________ FTP hosting

10-14-2011, 10:45 AM	#8
peterjoys New Member Join Date: Oct 2011 Posts: 5	# Use external JavaScript files when you want to use the same script on many pages, but don't want to have to rewrite the code on every page! # Use external JavaScript files for including both types of scripts: the type that you place in the head (functions) and the type you place in the body (scripts you want to run when the page loads). __________________ Date My School

01-13-2011, 11:00 AM	#3
stuartpb New Member Join Date: Dec 2010 Location: Doncaster, S. Yorks Posts: 16	Thanks a lot for the info, and I've minimised the JS and also the CSS. Load times weren't a problem on the site, but at least I know that everything's optimised. Cheers, Stu

01-14-2011, 11:49 AM	#5
stuartpb New Member Join Date: Dec 2010 Location: Doncaster, S. Yorks Posts: 16	Thanks again The google page was a good read, and definitely gave me some good pointers.

01-14-2011, 03:31 PM	#6
Dorky Bronze Member Join Date: Oct 2009 Posts: 33	Sprites are segmented and also require further http requests. do you mean sliced?

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode