AngularJS bootstrap optimization

My application is only 15 pages long and does not contain a lot of client-side code. The website is hosted with a module from Amsterdam, and I call it from Germany. It has an awful long download time, and I was the only one who called the website. Server statistics: 154 requests transmitted 9.14mb avg response 4.31ms

Timeline

Most of the loading time seems to be vendor.css and vendor.js. As well as css and js applications.

What am I already doing:

  • loading css first
  • try downloading unnecessary js later, such as socket.io, Google Analytics, but this is an Angular app, so I need a little JS in my head
  • guess and minimize my js and css
  • concat CSS, JS to reduce queries
  • , +
  • load diff.
  • Angular HTML ( )
  • , , ,

1

, , , .

2

JS CDN, ? . : https://www.npmjs.com/package/gulp-cdnizer, , . dev prod. gulp , .

3

, gzip, Angular?

4

, , .

+3
1
  • , dom , , angular , ...
  • ! ! ! dom arround 11 secs... js 850K. CDN dom 2 , 250K ( gzip)
  • ! !
  • javascript marge js ( 2 ). , 2 , . ...

:)

+2

All Articles