diff --git a/ihatemoney/static/css/main.css b/ihatemoney/static/css/main.css
index ec0ad8fc..245d573e 100644
--- a/ihatemoney/static/css/main.css
+++ b/ihatemoney/static/css/main.css
@@ -534,3 +534,7 @@ footer .icon svg {
   text-align: right;
   width: 200px;
 }
+
+.hiddenpswp {
+  display: none;
+}
diff --git a/ihatemoney/templates/layout.html b/ihatemoney/templates/layout.html
index 382f3d91..7a70fc81 100644
--- a/ihatemoney/templates/layout.html
+++ b/ihatemoney/templates/layout.html
@@ -17,13 +17,6 @@
     <script src="{{ url_for("static", filename="js/datatables.min.js") }}"></script>
     {%- endif %}
 
-    {% if g.lang == 'fr' %}
-    <link rel="stylesheet" href="{{ url_for("static", filename="photoswipe/photoswipe.css") }}">
-    <link rel="stylesheet" href="{{ url_for("static", filename="photoswipe/default-skin/default-skin.css") }}">
-    <script src="{{ url_for("static", filename="photoswipe/photoswipe.min.js")}}"></script>
-    <script src="{{ url_for("static", filename="photoswipe/photoswipe-ui-default.min.js")}}"></script>
-    {% endif %}
-
     {% block head %}{% endblock %}
     <script type="text/javascript" charset="utf-8">
         $(document).ready(function(){
diff --git a/ihatemoney/templates/showcase.html b/ihatemoney/templates/showcase.html
index e157b6dc..cd9a371e 100644
--- a/ihatemoney/templates/showcase.html
+++ b/ihatemoney/templates/showcase.html
@@ -1,4 +1,4 @@
-<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
+<div id="pswp" class="hiddenpswp" tabindex="-1" role="dialog" aria-hidden="true">
     <div class="pswp__bg"></div>
     <div class="pswp__scroll-wrap">
         <div class="pswp__container">
@@ -32,7 +32,7 @@
     </div>
 </div>
 <script type="text/javascript">
-var pswpElement = document.querySelectorAll('.pswp')[0];
+var pswpElement = document.getElementById('pswp');
 var items = JSON.parse('[{"h": 2450, "src": "/static/showcase/1.jpg", "w": 2450}, {"h": 2509, "src": "/static/showcase/2.jpg", "w": 2221}, {"h": 2536, "src": "/static/showcase/3.jpg", "w": 2101}, {"h": 2722, "src": "/static/showcase/4.jpg", "w": 2348}, {"h": 2745, "src": "/static/showcase/5.jpg", "w": 1804}, {"h": 3307, "src": "/static/showcase/6.jpg", "w": 2897}, {"h": 2321, "src": "/static/showcase/7.jpg", "w": 2239}, {"h": 2470, "src": "/static/showcase/8.jpg", "w": 2419}, {"h": 3307, "src": "/static/showcase/9.jpg", "w": 2602}]');
 var options = {
   index: 0,
@@ -40,8 +40,28 @@ var options = {
 };
 
 function showGallery(){
-    var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
-    gallery.init();
+
+   /* the CSS and JS for photoswipe is loaded dynamically
+    * so that they are not loaded if the gallery is not open */
+
+   $('head').append('<link rel="stylesheet" type="text/css" href="{{ url_for("static", filename="photoswipe/default-skin/default-skin.css") }}">');
+   $('head').append('<link rel="stylesheet" type="text/css" href="{{ url_for("static", filename="photoswipe/photoswipe.css") }}">');
+
+   var script = document.createElement("script");
+   script.type = "text/javascript";
+   script.src = "{{ url_for('static', filename='photoswipe/photoswipe.min.js')}}";
+   script.onload = function(){
+     var script2 = document.createElement("script");
+     script2.type = "text/javascript";
+     script2.src = "{{ url_for('static', filename='photoswipe/photoswipe-ui-default.min.js')}}";
+     script2.onload = function(){
+       pswpElement.className="pswp";
+       var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);
+       gallery.init();
+     };
+     document.body.appendChild(script2);
+   };
+   document.body.appendChild(script);
 }
 
 </script>