This code snippet allows you to dynamically append a CSS file to your document’s head
. It can be used inside any JavaScript code or for custom A/B experiments.
JavaScript
function v8LoadCSS(path) {
console.log('Requesting ' + path + '... in progress');
if (document.createStyleSheet) {
try {
console.log('Loading ' + path + '... in progress');
document.createStyleSheet(path);
} catch (e) {
console.log('Failed dynamically loading stylesheet.');
}
} else {
var css;
css = document.createElement('link');
css.rel = 'stylesheet';
css.type = 'text/css';
css.media = 'all';
css.href = path;
document.getElementsByTagName('head')[0].appendChild(css);
console.log('Appending ' + path + ' to document head... success');
}
}
Usage
v8LoadCSS('/path/to/stylesheet.css');
Find more JavaScript tutorials, code snippets and samples here or more jQuery tutorials, code snippets and samples here.
Use SpeedFactor to track your website. It’s simple and reliable.
See how real people experience the speed of your website. Then find (and fix) your web performance problems.
Get Started