Commit 15fe35d5 authored by Martin Schoeler's avatar Martin Schoeler Committed by GitHub

[FIX] Improve performance on some pages of the site (#616)

* Use async in some scripts and performance improvements

* Compress images

* use svg on index

* change some index images to svg

* go back to devices png due bad svg

* bump ver

* fix featherlight
parent e6958193
......@@ -6,7 +6,7 @@ paginate_path: /blog/page/:num/
paginate: 8
# bump if alterting styles
version: 98
version: 99
# read speed
wpm: 160
......
......@@ -11,7 +11,10 @@
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="/feed.xml">
<link rel="shortcut icon" href="/favicon.ico?v=1"/>
<link rel="stylesheet" href="/styles.css?v={{ site.version }}">
{% if page.class == "index" %}
<link href="//cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.css" type="text/css" rel="stylesheet" />
{% endif %}
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@RocketChat">
......@@ -41,7 +44,10 @@
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="/main.js"></script>
<script src="/redirect.js"></script>
<script src="//cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script>
{% if page.class == "index" %}
<script src="//cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.js" async type="text/javascript" charset="utf-8"></script>
{% endif %}
<!--[if IE]>
<script src="/polyfill/modernizr.js"></script>
<script src="/polyfill/respond.min.js"></script>
......
......@@ -121,7 +121,7 @@ redirect_from:
</div>
</div>
<img class="home-box__image" src="/images/index/enterprise.png" />
<img class="home-box__image" src="/images/index/enterprise.svg" />
</div>
</div>
</div>
......
......@@ -221,4 +221,4 @@ theme: dark
<div class="space--4"></div>
<script src="/forms.js"></script>
<script async src="/forms.js"></script>
images/index/devices.png

50.4 KB | W: | H:

images/index/devices.png

292 KB | W: | H:

images/index/devices.png
images/index/devices.png
images/index/devices.png
images/index/devices.png
  • 2-up
  • Swipe
  • Onion skin
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
<svg height="40" viewBox="0 0 43 40" width="43" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="m2.006 0h38.74c1.244 0 2.253 1.009 2.253 2.253v35.493c0 1.244-1.009 2.253-2.253 2.253h-38.74c-1.108 0-2.006-.898-2.006-2.006v-35.987c0-1.108.898-2.006 2.006-2.006z" fill="#1baff9"/><g fill="#fff"><path d="m22.407 0c-4.436 10.938-4.404 19.063-4.404 19.063 0 .516.396.938.919.938h4.484c.412 0 .729.313.713.734 0 0-.665 10.344 1.774 19.266h15.104c1.108 0 2.006-.898 2.006-2.006v-35.987c0-1.108-.898-2.006-2.006-2.006h-18.589z"/><rect height="4.622" opacity=".1" rx=".805" width="1.765" x="11.071" y="10.199"/><rect height="4.622" opacity=".1" rx=".805" width="1.765" x="30.164" y="10.199"/></g><rect fill="#030c1a" height="4.622" rx=".882" width="1.765" x="11.071" y="10.04"/><rect fill="#030c1a" height="4.622" rx=".882" width="1.765" x="30.164" y="10.04"/><path d="m8.905 26.215s4.091 5.339 13.237 5.02 11.953-5.02 11.953-5.02" opacity=".1" stroke="#fff" stroke-linecap="round" stroke-width="1.61"/><path d="m8.905 26.056s4.091 5.339 13.237 5.02 11.953-5.02 11.953-5.02" stroke="#030c1a" stroke-linecap="round" stroke-width="1.61"/></g></svg>
\ No newline at end of file
<svg height="40" viewBox="0 0 43 40" width="43" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="m2.006 0h38.74c1.244 0 2.253 1.009 2.253 2.253v35.493c0 1.244-1.009 2.253-2.253 2.253h-38.74c-1.108 0-2.006-.898-2.006-2.006v-35.987c0-1.108.898-2.006 2.006-2.006z" fill="#1baff9"/><g fill="#fff"><path d="m22.407 0c-4.436 10.938-4.404 19.063-4.404 19.063 0 .516.396.938.919.938h4.484c.412 0 .729.313.713.734 0 0-.665 10.344 1.774 19.266h15.104c1.108 0 2.006-.898 2.006-2.006v-35.987c0-1.108-.898-2.006-2.006-2.006h-18.589z"/><rect height="4.622" opacity=".1" rx=".805" width="1.765" x="11.071" y="10.199"/><rect height="4.622" opacity=".1" rx=".805" width="1.765" x="30.164" y="10.199"/></g><rect fill="#030c1a" height="4.622" rx=".882" width="1.765" x="11.071" y="10.04"/><rect fill="#030c1a" height="4.622" rx=".882" width="1.765" x="30.164" y="10.04"/><g stroke-linecap="round" stroke-width="1.61"><path d="m8.905 26.215s4.091 5.339 13.237 5.02 11.953-5.02 11.953-5.02" opacity=".1" stroke="#fff"/><path d="m8.905 26.056s4.091 5.339 13.237 5.02 11.953-5.02 11.953-5.02" stroke="#030c1a"/></g></g></svg>
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z"/></svg>
<!--
Font Awesome Pro 5.1.1 by @fontawesome - https://fontawesome.com
License - https://fontawesome.com/license (Commercial License)
-->
\ No newline at end of file
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m460.115 373.846-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701-6.346-.334-11.298-5.621-11.298-11.976v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z"/></svg>
\ No newline at end of file
......@@ -42,7 +42,7 @@ redirect_from:
<img
class="home-hero_image"
src="/images/index/devices@3x.png" alt="Rocket Chat apps"
src="/images/index/devices.png" alt="Rocket Chat apps"
/>
</section>
</div>
......@@ -58,7 +58,7 @@ redirect_from:
</div>
<div class="col--third">
<img class="home-landingpage__mail" src="/images/index/landingpage-mail.png" alt="Our mission Replace Email" />
<img class="home-landingpage__mail" src="/images/index/landingpage-mail.svg" alt="Our mission Replace Email" />
</div>
</div>
</div>
......@@ -75,7 +75,7 @@ redirect_from:
</div>
<div class="col--third">
<img class="home-landingpage__chat" src="/images/index/landingpage-teamchat.png" alt="Our mission Team Chat" />
<img class="home-landingpage__chat" src="/images/index/landingpage-teamchat.svg" alt="Our mission Team Chat" />
</div>
</div>
</div>
......@@ -185,7 +185,7 @@ redirect_from:
</div>
</div>
<img class="home-box__image" src="/images/index/enterprise.png" />
<img class="home-box__image" src="/images/index/enterprise.svg" />
</div>
</div>
</section>
......@@ -202,10 +202,7 @@ redirect_from:
</div>
<div class="col--third">
<img
srcset="/images/index/live-chat.png, /images/index/live-chat@2x.png 2x, /images/index/live-chat@3x.png 3x"
src="/images/index/live-chat.png" alt="Live Chat"
/>
<img src="/images/index/live-chat.svg" alt="Live Chat"/>
</div>
</div>
</div>
......@@ -223,10 +220,7 @@ redirect_from:
</div>
<div class="col--third">
<img
srcset="/images/index/translate.png, /images/index/translate@2x.png 2x, /images/index/translate@3x.png 3x"
src="/images/index/translate.png" alt="translate translation"
/>
<img src="/images/index/translate.svg" alt="translate translation"/>
</div>
</div>
</div>
......
This diff is collapsed.
......@@ -88,6 +88,5 @@ redirect_from:
</div>
</script>
<script src="/jquery.js"></script>
<script src="/polyfill/clipboard.min.js"></script>
<script src="/marketplace.js"></script>
......@@ -208,7 +208,7 @@ redirect_from:
</fieldset>
</form>
<script type="text/javascript">
<script async type="text/javascript">
(function(a){var b=a.onload,p=false;isCaptcha=true;if(p){a.onload="function"!=typeof b?function(){try{_agile_load_form_fields()}catch(a){}}:function(){b();try{_agile_load_form_fields()}catch(a){}}};var formLen=document.forms.length;for(i=0;i<formLen;i++){if(document.forms.item(i).getAttribute("id")== "agile-form"){a.document.forms.item(i).onsubmit=function(a){a.preventDefault();try{_agile_synch_form_v5(this)}catch(b){this.submit()}}}}})(window);
</script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment