https://github.com/levpolevoy/angular-cdn-src
An AngularJS module that automatically prepends src attributes with CDN server paths.
bower install angular-cdn-src --save
ornpm install angular-cdn-src --save
- Add *bower_components/angular-cdn-src/dist/js/*angular-cdn-src.min.js to your page or to your build tool (grunt, gulp, etc...)
- Add the module to your angular application:
angular.module('myApp', ['lvp.cdnSrc'])
- Configure CDN servers
- Add the cdn-src attribute to a img element
<img cdn-src src="img1.png">
Since CDN usage is application specific, you must set the list of CDN server in any application that uses the cdn-src
directive.
angular.module('myApp').config(function(cdnSrcConfigurationProvider) {
cdnSrcConfigurationProvider.setCdnServers([
'//cdn1.example.com',
'//cdn2.example.com'
]);
});
Just add a directive (cdn-src
) to img tags instead of maintaining the same prefix for all image files.
Browsers limit the number of concurrent connections that can be made to every host. Mirroring assets and serving them from multiple hosts is an old trick that can make your website load faster.
git clone
npm install && bower install
lineman spec
- Update CHANGELOG.md
git add CHANGELOG.md
lineman build
git add -f dist
git commit -m "Release [current version number]"
git tag [current version number]
npm publish .
Start working on the next version:
- Update package.json and bower.json with the next version number
git commit -m "Starting [the new version number]"
git push origin master --tags