Website Optimizations

Case number:699969-2010943
Topic:General
Opened by:TurtleByte
Status:Open
Type:Suggestion
Opened on:Saturday, December 12, 2020 - 21:11
Last modified:Tuesday, December 15, 2020 - 04:38

Hello,

I've noticed that throughout the website there is a lot left on the table in terms of optimizations that could be made, especially in the blog/newsletter sections. Using the Google PageSpeed Insights tool I have found that almost all the pages do not pass the "Core Web Vitals Assessment", and score well below the average that would be considered a well optimized experience. Several pages score <= 20 out of a possible 100 and unfortunately user experience isn't grade on a curve.

Using the PageSpeed Insights tool I have noticed that a major contributor to the low scores are the images that are uploaded. None of them seem to be compressed in any way and they are uploaded as PNGs which have become a little outdated. From the insights tool, some pages took over 2 minutes to load all the images, which confirmed what I experienced where every time a new image was loaded, my page would adjust and I would lose my place on the blog/newsletter. For example, I took the image from https://fold.it/portal/files/images/foldit_il6r_montage_titled.png and compressed it using my choice of image compression tools. The image in the link is ~15 MB, after compression the image is ~2 MB, an 86% decrease in size. If I'm correct in saying that no images are optimized, doing so a huge burden could be lifted from the website servers and user experience may be drastically improved when visiting certain pages.

I could go on and on about website optimizations but I will leave it up to Google as they can say it better than I can.

(Sat, 12/12/2020 - 21:11  |  2 comments)


Joined: 11/16/2015
Groups: Go Science

Here are a few links I should have given in the post.

Google PageSpeed Insights : https://developers.google.com/speed/pagespeed/insights/
Core Web Vitals : https://web.dev/vitals/
My preferred Compression tool : https://tinypng.com/

Also something I forgot to mention is the use of a Content Delivery Network (CDN) could help with serving images and such.

agcohn821's picture
User offline. Last seen 8 hours 41 min ago. Offline
Joined: 11/05/2019
Groups: Foldit Staff

Thank you!

Hi TurtleByte--thank you so much for your suggestions, we'll keep them in mind for our new website design!

Sitemap

Developed by: UW Center for Game Science, UW Institute for Protein Design, Northeastern University, Vanderbilt University Meiler Lab, UC Davis
Supported by: DARPA, NSF, NIH, HHMI, Amazon, Microsoft, Adobe, RosettaCommons