Hi, 

recently I was just testing a new website build with angular using  Google 
Pagespeed Insights <https://developers.google.com/speed/pagespeed/insights/>. 
Taking care of all the image compression, caching and sizing issues 
beforehand the analysis left me with a score of 87/100 - with the remaining 
issue to fix:
*Eliminate render-blocking JavaScript and CSS in above-the-fold content*

Now, according to the angular.js docs 
<https://docs.angularjs.org/guide/bootstrap> it is recommended to :
 

> Place the script tag at the bottom of the page. Placing script tags at 
> the end of the page improves app load time because the HTML loading is not 
> blocked by loading of the angular.js script.



So that's exactly what I did, but still I'm getting these  disastrous 
results. What am I missing here? 

See the index.html below, vendor.js contains all the angular modules:

 
<!DOCTYPE html>
<html lang="en" ng-app="app">
  <head>
    <base href="/">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width" initial-scale="1.0">
    <link rel="stylesheet" href="/css/app.css">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans"; rel=
"stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed"; 
rel="stylesheet" type="text/css">
    <!--if lte IE 7 
script(src='http://cdnjs.cloudflare.com/ajax/libs/json2/20110223/json2.js')-->
    <!--if lte IE 8 
script(src='//html5shiv.googlecode.com/svn/trunk/html5.js')-->
  </head>
  <body>
    <div ng-controller="AppCtrl as app" class="app">
      <div id="scrollcontainer" class="app-scroll-container">
        <div ng-include="'/partials/menu.html'"></div>
        <div ui-view></div>
        <div ng-include="'/partials/footer.html'"></div>
      </div>
    </div>
    <script src="/js/vendor.js"></script>
    <script src="/js/partials.js"></script>
    <script src="/js/app.js"></script>
  </body>
</html>

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to