Home | Toolshop | Guides | FAQ's | Inside |
Submit Corner Logo
Browse Submit Corner

Submit Corner : Guides : Bandwidth Guide : Make Your Javascript External


Assessment Tools
Keyword Thesaurus
Link Popularity Tracker
META Tag Generator
META Tag Scanner
Robot Generator
Submit Engine
Top Keywords
Word Tracker


Description Tag
Keywords Tag
Revisit Tag
See Complete List

Search Engines
See Complete List

Site Improvement
Image Tags
Title Optimization
Effective META Tags
See Complete List

Software Packages
Ultimate Demon
SENuke XCr
See Complete List

Website Assessment
Editor's Viewpoint of Directories
Assess Your Site Indexing
Who's Linking To You
Competitor Identification

Bandwidth Conservation
Background Images
External Javascript
Optimize HTML
See Complete List


Our Recommendations
Read FAQ

Webposition Gold - Download Now!

Inside Submit Corner

Linking Info
Privacy Policy
Rave Reviews
Terms of Use

Make Your Javascript External
By Submit Corner
Tell a Friend About This Page

Overview: Separate your Javascripts from your content and cut back on repeated code that occurs on your webpages.

One of the often-overlooked bandwidth savers can be achieved by caching any Javascripts and Cascading Style Sheets (CSS) that are repeated often on a web site. For example, most web designers will repeat the same Javascript/CSS code from page to page throughout a website. Designers can move commonly used functions, code and style sheets into an external file and refer to the file with one line from each page that requires it. This technique will enforce the external file to be cached and will only be retrieved once until the cache is emptied or expired.

HTML Code Before Making Javascripts External:
<HEAD><TITLE>Title Goes Here</TITLE></HEAD>
<script language="JavaScript">
function Sample() {...}
function Code() {...}
Continuation of HTML...

HTML Code After Making Javascripts External:
<HEAD><TITLE>Title Goes Here</TITLE></HEAD>
<script language="JavaScript" src="/functions.js"></script>
Continuation of HTML...

External Javascript Contents (functions.js):
Inside the external Javascript file, insert all functions, code and Cascading Style Sheets which you wish to be used globally throughout your website. Relating to the above example, you would insert the code for all functions used, to look something like this:
function Sample() {...}
function Code() {...}

Search Engine Advantage

Another advantage of outsourcing Javascript code to external files is the advantage provided for search engine indexing. Often, search engines that read your pages will mis-interpret your Javascript code as content and will index some of your code rather than useful content. Using this technique will not reveal to search engines your Javascript code and possibly improve your search engine rankings.

Sponsored Links

Latest Headlines

All links open in a new window
View All Headlines

Searches for Holidays to Africa Overtake North America and Close Gap With Europe
Source: Film Imaging

Google-backed DMARC system aims to block phishers
Source: ZDNet UK

Book reviews: Google books
Source: ZDNet UK

Searches for Holidays to Africa Overtake North America and Close Gap With Europe
Source: DMN Final Cut Pro

Earthquakes, Demi Moore and ACTA drive Google searches
Source: Yahoo Philippines News

Stop poaching staff, Jobs told Google
Source: Cyber India Online

Google, Facebook, Twitter Execs Grilled By UK MPs On Privacy
Source: Yahoo! Finance

There are 23 additional news headlines. Click to View All Headlines

Copyright ©2000 - 2009 Wired 2000 Corporation
All Rights Reserved
Privacy | Terms of Use