AngularJS 1: Over Fold Rendering

Question

I am currently optimizing my AngularJS site and I would like to achieve these 100/100 from Google page speed information. Do you know a good template for AngularJS that has good values ​​above drop rates for multiple page entry points?

eg. Assuming that there are several views that don't require a lot of JavaScript to execute (besides routing) for them above the contents of addition.

The only idea I had was to populate the index.html file with the contents of the above fold elements, and then do some routing in the inline script tag directly in the index.html file, but that doesn't sound supported to me.

Another possibility might be the gulp task, which collects the index.html file - if that is the thing, I suppose someone has done this before. Have you heard of anything like this?

Any ideas? Has anyone ever done this, or should I just accept my 83/100 and continue my life?

Best and thanks for your suggestions!

Answer 1

I don't know how Google Page Speed ​​works, but you can definitely try lazyload.js . All js files that are not needed for index.html can be downloaded later, and page loading will be completed in the minimum number of downloaded files. Have you tried this before?