Why first page load is slow with ASP.MVC + AngularJS - angularjs

Question

I have an application with ASP.NET MVC and AngularJS.
My route are manage by AngularJS with ui-router.
The first time AngularJS load the partialview it's more slow then the second. What causes this ?
There are my codes:
AngularJS
app.config(function ($httpProvider, $urlRouterProvider, $locationProvider, $stateProvider) {
$urlRouterProvider.otherwise('/home');
$httpProvider.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
$locationProvider.html5Mode(true);
var homeState = {
name: 'home',
url:'/home',
controller: 'HomeCtrl',
controllerAs:'vm',
templateUrl:'/AngularJS/Home/Home' //AngularJS is a Area/Controler/Method
}
var loginState = {
name: 'login',
url: '/login',
controller: 'LoginCtrl',
controllerAs: 'vm',
templateUrl: '/AngularJS/Home/Login'
}
var registrationState = {
name: 'registration',
url: '/registration',
controller: 'RegistrationCtrl',
controllerAs: 'vm',
templateUrl: '/AngularJS/Home/Registration'
}
var dashboardState = {
name: 'dashboard',
url: '/dashboard',
controller: 'DashboardCtrl',
controllerAs: 'vm',
templateUrl: '/AngularJS/Home/Dashboard'
}
...
$stateProvider.state(homeState);
$stateProvider.state(loginState);
$stateProvider.state(registrationState);
$stateProvider.state(dashboardState);
$stateProvider.state(gameState);
$stateProvider.state(userState);
$stateProvider.state(newGameState);
$stateProvider.state(platformState);
$stateProvider.state(unavailabilityState);
$stateProvider.state(teamsState);
$stateProvider.state(newTeamState);
$stateProvider.state(editTeamState);
$stateProvider.state(detailTeamState);
$httpProvider.interceptors.push(requestInterceptor);
})
ASP.NET MVC
public PartialViewResult Home()
{
ViewBag.Title = "Home";
return PartialView();
}
public PartialViewResult Login()
{
ViewBag.Title = "Login";
return PartialView();
}
public PartialViewResult Registration()
{
ViewBag.Title = "Registration";
return PartialView();
}
public PartialViewResult Dashboard()
{
ViewBag.Title = "Dashboard";
return PartialView();
}
...
Exemple load time:
First
Second

Answer 1

application might be trying to load large resource that you have added to template, one way of find it is using Chrome browser (it also available in other browsers as well) follow bellow steps,
right click on the page go to Inspect element and select Network tab as bellow.
there you can see the time that took to load each resources , when its getting higher , site will take more time to load