search

zowe / zowe.github.io

Zowe.org website development
https://zowe.org
Creative Commons Attribution 4.0 International
13 stars 34 forks source link

New animated logo performance regression #875

Closed 1000TurquoisePogs closed 10 months ago

1000TurquoisePogs commented 10 months ago

The zowe.org logo update in https://github.com/zowe/zowe.github.io/pull/873 caused a performance regression, because it is the second biggest asset loaded, slowing the page load down on slow connections.

Slow connection performance is important. You may view zowe.org on a hotel or conference wifi that is unbearably slow. You do not want to make the experience worse for first-time viewers.

image

You can simulate the performance in dev tools by selecting "3G", as I did. You will notice that the animation doesn't even animate well, due to its slow load.

This can be solved by optimization. There is no reason to use an unoptimized GIF. A simple fix is to convert it to APNG, a format supported by all browsers which is much more efficient. Example: ezgif com-gif-to-apng

This could be mitigated by https://github.com/zowe/zowe.github.io/pull/874

1000TurquoisePogs commented 10 months ago

note: to a lesser extent, medium.com gifs are also large so people should avoid them too, but they only show up when scrolling further down the page.

balhar-jakub commented 10 months ago

The medium.com needs to be done differently. I intend to get to it at some point, but otherwise closing as the PR is merged.