Angularjs tab Loading spinner while rendering

Question

I have a page with some tabs and each tab has large amount of angularjs bindings.This is sample page where i am facing issue.Each tabs take about 10 seconds to render.

Answer 1

I think that it's not posibble to show loading spinner while rendring the page. The rendering engine is single threaded. Almost everything, except network operations, happens in a single thread. In Firefox and safari this is the main thread of the browser. In chrome it's the tab process main thread. Network operations can be performed by several parallel threads.

You can read aboout that here

There is only one way to solve this problem - to redesign the page: to show only part of data, lazy loading or etc.