increasing TPPs landing page speed

moacirmoda · moacirmoda · commit 35ef25df5f09 · 2020-10-27T10:53:41.000-03:00
diff --git a/pythonpro/core/static/img/spp/footer/renzo-nuccitelli-footer-desktop.webp b/pythonpro/core/static/img/spp/footer/renzo-nuccitelli-footer-desktop.webp
diff --git a/pythonpro/pages/templates/pages/base.html b/pythonpro/pages/templates/pages/base.html
@@ -10,7 +10,8 @@
             <div class="row">
                 <div class="col">
                     
-                    <img class="img-renzo float-right" src="{% static 'img/spp/renzo/about-renzo-nuccitelli-desktop.png' %}" alt="Renzo Nuccitelli com braços cruzados, olhando para foto. Fundo verde abacate com códigos escritos em branco. Imagem grande">
+                    <img class="img-renzo float-right not-iphone" src="{% static 'img/spp/renzo/about-renzo-nuccitelli-desktop.webp' %}" alt="Renzo Nuccitelli com braços cruzados, olhando para foto. Fundo verde abacate com códigos escritos em branco. Imagem grande">
+                    <img class="img-renzo float-right only-iphone" src="{% static 'img/spp/renzo/about-renzo-nuccitelli-desktop.png' %}" alt="Renzo Nuccitelli com braços cruzados, olhando para foto. Fundo verde abacate com códigos escritos em branco. Imagem grande">
                     <h2 class='mt-5 font-weight-bold'><u>CONHEÇA SEU PROFESSOR!</u></h2>
                     
                     <p>
@@ -47,6 +48,18 @@ <h2 class='mt-5 font-weight-bold'><u>CONHEÇA SEU PROFESSOR!</u></h2>
     <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
 
     <style>
+        @supports not (-webkit-touch-callout: none) {
+            .only-iphone {
+                /* CSS for other than iOS devices */ 
+                display: none;
+            }
+        }
+        @supports (-webkit-touch-callout: none) {
+            .not-iphone {
+               /* CSS specific to iOS devices */ 
+               display: none;
+            }
+        }
         @font-face {
             font-family: 'Gilroy-Bold';
             font-style: normal;
diff --git a/pythonpro/pages/templates/pages/tpp_webiorico_landing_page.html b/pythonpro/pages/templates/pages/tpp_webiorico_landing_page.html
@@ -46,7 +46,8 @@ <h4 class='mb-5'>
                 </div>
 
                 <div class='col-md-6 col-sm-12'>
-                    <img class="photo-renzo" src="{% static 'img/spp/footer/renzo-nuccitelli-footer-desktop.png' %}">
+                    <img class="photo-renzo not-iphone" src="{% static 'img/spp/footer/renzo-nuccitelli-footer-desktop.webp' %}">
+                    <img class="photo-renzo only-iphone" src="{% static 'img/spp/footer/renzo-nuccitelli-footer-desktop.png' %}">
                 </div>
             </div>
         </div>
@@ -206,7 +207,7 @@ <h3 class='font-weight-bold'>Como Vender p/ não ser Vendido</h3>
 {% endblock %}
 
 {% block scripts %}
-    {% comment %} <script async src="https://www.googletagmanager.com/gtag/js?id=UA-44718512-1"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-44718512-1"></script>
     {#    Google Tag Manager#}
     <script>(function (w, d, s, l, i) {
         w[l] = w[l] || [];
@@ -221,5 +222,5 @@ <h3 class='font-weight-bold'>Como Vender p/ não ser Vendido</h3>
             'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
         f.parentNode.insertBefore(j, f);
     })(window, document, 'script', 'dataLayer', '{{GOOGLE_TAG_MANAGER_ID}}');</script>
-    {#     End Google Tag Manager#} {% endcomment %}
+    {#     End Google Tag Manager#}
 {% endblock %}
