For body content, cloak the home page only. JS should be cached after that.

app/views/home/index.html.haml

@@ -4,16 +4,17 @@
       %h1= image_tag "ofn_logo_beta.png", title: "Open Food Network (beta)"
       %h2 An open marketplace that makes it easy to find, buy, sell and move sustainable local food.
       
-      %ofn-modal{title: "Learn more"}
+      %ofn-modal{title: "Learn more", "ng-cloak" => true}
         = render partial: "modals/learn_more"
 
-= render partial: "home/hubs"
+.ng-cloak
+  = render partial: "home/hubs"
 
-/ = render partial: "home/map"
+  / = render partial: "home/map"
 
-/ = render partial: "home/producers"
+  / = render partial: "home/producers"
 
-/ = render partial: "home/groups"
+  / = render partial: "home/groups"
 
 = render partial: "home/beta"
 

app/views/layouts/darkswarm.html.haml

@@ -35,7 +35,7 @@
         = render partial: "shared/menu/menu"
 
         %section{ role: "main" }
-          .ng-cloak= yield
+          = yield
           
           #footer
     %loading