diff --git a/addons/web_diagram/static/src/js/diagram.js b/addons/web_diagram/static/src/js/diagram.js
index 77876c9dc52..34dc5e084c7 100644
--- a/addons/web_diagram/static/src/js/diagram.js
+++ b/addons/web_diagram/static/src/js/diagram.js
@@ -24,6 +24,15 @@ instance.web.DiagramView = instance.web.View.extend({
         this.ids = this.dataset.ids;
         this.on('pager_action_executed', self, self.pager_action_trigger);
     },
+    start: function () {
+        return this._super().then(function () {
+            return $.when(
+                openerp.webclient.session.load_js(['/web/js/web_diagram.assets_raphael'])
+            );
+        }).fail(function () {
+            throw new Error("Could not load raphael.js");
+        });
+    },
 
     view_loading: function(r) {
         return this.load_diagram(r);
diff --git a/addons/web_diagram/views/web_diagram.xml b/addons/web_diagram/views/web_diagram.xml
index ba9ca948742..76b69480e6a 100644
--- a/addons/web_diagram/views/web_diagram.xml
+++ b/addons/web_diagram/views/web_diagram.xml
@@ -7,7 +7,6 @@
             <xpath expr="." position="inside">
                 <link rel="stylesheet" href="/web_diagram/static/src/css/base_diagram.css"/>
 
-                <script type="text/javascript" src="/web_diagram/static/lib/js/raphael.js"></script>
                 <script type="text/javascript" src="/web_diagram/static/lib/js/jquery.mousewheel.js"></script>
 
                 <script type="text/javascript" src="/web_diagram/static/src/js/vec2.js"></script>
@@ -15,5 +14,8 @@
                 <script type="text/javascript" src="/web_diagram/static/src/js/diagram.js"></script>
             </xpath>
         </template>
+        <template id="assets_raphael" name="raphael.js">
+            <script type="text/javascript" src="/web_diagram/static/lib/js/raphael.js"></script>
+        </template>
     </data>
 </openerp>