Gathering detailed insights and metrics for fg-loadjs
Gathering detailed insights and metrics for fg-loadjs
A simple function for asynchronously loading JavaScript files
Installations
npm install fg-loadjsDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
8.12.0
NPM Version
6.4.1
Releases
7
Languages
1
JavaScript
JavaScript (100%)
Developer
filamentgroup
Download Statistics
Total Downloads
923,065
Last Day
6
Last Week
1,703
Last Month
9,474
Last Year
112,346
GitHub Statistics
MIT License
889 Stars
46 Commits
98 Forks
47 Watchers
3 Branches
18 Contributors
Updated on Mar 31, 2025
Bundle Size
606.00 B
Minified
370.00 B
Minified + Gzipped
Maintainers
6
Package Meta Information
Latest Version
1.1.0
Package Id
fg-loadjs@1.1.0
Unpacked Size
5.95 kB
Size
2.91 kB
File Count
4
NPM Version
6.4.1
Node Version
8.12.0
Total Downloads
Cumulative downloads
Total Downloads
923,065
Last Day
-53.8%
6
Compared to previous day
Last Week
-21.8%
1,703
Compared to previous week
Last Month
-2.8%
9,474
Compared to previous month
Last Year
-5.9%
112,346
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
No dependencies detected.
loadJS
A simple function for asynchronously loading JavaScript files
- [c]2014 @scottjehl, Filament Group, Inc.
- Based on Surefire Dom Element Insertion by Paul Irish
- Licensed MIT
Usage
Place the loadJS function inline in the head of your page (it can also be included in an external JavaScript file if preferable).
Then call it by passing it a JavaScript URL:
1<head> 2... 3<script> 4 // include loadJS here... 5 function loadJS( src ){ ... } 6 // load a file with loadJS 7 loadJS( "path/to/script.js" ); 8</script> 9... 10</head>
You can execute code after the Script has loaded via a callback:
1<head> 2... 3<script> 4 // include loadJS here... 5 function loadJS( src ){ ... } 6 // load a file with loadJS 7 loadJS( "path/to/script.js", function() { 8 // file has loaded 9 }); 10</script> 11... 12</head>
You can ensure ordered execution of multiple asynchronous by passing true as the second or third parameter. Only supported in browsers that support the async attribute (No IE8/IE9 support).:
1loadJS( "path/to/library.js", true ); 2loadJS( "path/to/plugins.js", true ); 3loadJS( "path/to/last.js", function() { 4 //all scripts loaded 5}, true );
Why not just use <script src="..." async defer>?
The async and defer attributes enjoy broad browser support. They're great options when all you need to do is load a script for all users, ideally in a non-blocking manner. The limitations with these attributes are:
- Some older browsers do not support
async(though defer has broader support so it's typically not a problem) - There's no way to use these attributes to conditionally load a script, depending on feature or environmental conditions.
- There is (still) no declarative way to load scripts
async, but in order.
Number 2 above is the main reason we use loadJS. Say you want to check if querySelector is supported before requesting your entire DOM framework and UI scripting - you'll need to use a script loader to do that. But again, if you just want to load a script unconditionally, these attributes are recommended.
Limitations
- If placed below external blocking scrips or stylesheets the download starts only after these files are downloaded and parsed. A good workaround for
asyncscript loading of crucial scripts is to inlineloadJSbefore any other stylesheets and scripts and use it either immediately or within asetTimeout. - Ordered execution does not work in IE9-.
1<script> 2 // include loadJS here... 3 function loadJS( src ){ ... } 4 5 setTimeout(function(){ 6 loadJS( "path/to/library.js", true ); 7 8 if ( !hasFeature ) { 9 loadJS( "path/to/polyfill.js", true ); 10 } 11 12 loadJS( "path/to/app.js", true ); 13 }); 14</script> 15 16... 17 18<link rel="stylesheet" href="path/to/styles.css" />
Contributions and bug fixes
Both are very much appreciated - especially bug fixes. As for contributions, the goals of this project are to keep things very simple and utilitarian, so if we don't accept a feature addition, it's not necessarily because it's a bad idea. It just may not meet the goals of the project. Thanks!
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
0 existing vulnerabilities detected
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
Found 5/25 approved changesets -- score normalized to 2
Reason
project is archived
Details
- Warn: Repository is archived.
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 11 are checked with a SAST tool
Score
3.3
/10
Last Scanned on 2025-06-30
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More