Improve Download page ideas (Take 2)

Discussions about the wiki documentation of FreeCAD and its translation.
AR795
Posts: 153
Joined: Fri May 25, 2018 11:55 pm

Re: Improve Download page ideas (Take 2)

Postby AR795 » Wed Dec 05, 2018 7:27 pm

kkremitzki wrote: ↑
Wed Dec 05, 2018 6:21 pm
The new download page is active and looking great!
I am glad the page is up and running. Thanks!
User avatar
easyw-fc
Posts: 2074
Joined: Thu Jul 09, 2015 9:34 am

Re: Improve Download page ideas (Take 2)

Postby easyw-fc » Wed Dec 05, 2018 7:31 pm

AR795 wrote: ↑
Wed Dec 05, 2018 7:27 pm
kkremitzki wrote: ↑
Wed Dec 05, 2018 6:21 pm
The new download page is active and looking great!
I am glad the page is up and running. Thanks!
The a lot AR795
very nice artwork πŸ˜€
AR795
Posts: 153
Joined: Fri May 25, 2018 11:55 pm

Re: Improve Download page ideas (Take 2)

Postby AR795 » Wed Dec 05, 2018 7:34 pm

easyw-fc wrote: ↑
Wed Dec 05, 2018 7:31 pm
The a lot AR795
very nice artwork
Thanks!
AR795
Posts: 153
Joined: Fri May 25, 2018 11:55 pm

Re: Improve Download page ideas (Take 2)

Postby AR795 » Wed Dec 05, 2018 8:50 pm

I was looking for ways to optimize the webpage when I came across chromium developers tools. It contains an feature called, Audits, that can scan websites and identify issues with performance. I ran the test for both freecadweb.org and the github pages demo (ar795.github.io/FreeCAD-Homepage) and the results were a bit interesting.

The scores for freecadweb.org:
score_freecadweb.png
score_freecadweb.png (19.92 KiB) Viewed 162 times

And the github pages demo, are quite different:
score_github_pages.png
score_github_pages.png (19.45 KiB) Viewed 162 times

I was previously under the impression that, given two web pages with similiar content, both would get similiar performance scores, but turns out that this is not always the case.

So to find out more about optimization, I did a bit of research and found some suggestions for making web pages load faster, namely:

1.) Using webp format for images (reduces image size, but AFAIK it is not yet supported in firefox).
2.) Using HTTP/2 for resources (found this website that does a comparision https://imagekit.io/demo/http2-vs-http1).
3.) Lazy loading images.

Plus some addition topics that include caching and improving accessibility.
User avatar
sgrogan
Posts: 4597
Joined: Wed Oct 22, 2014 5:02 pm

Re: Improve Download page ideas (Take 2)

Postby sgrogan » Wed Dec 05, 2018 9:53 pm

AR795 wrote: ↑
Wed Dec 05, 2018 7:27 pm
I am glad the page is up and running. Thanks!
Very nice work @AR795, thanks for your continued work on this :)
User avatar
kkremitzki
Posts: 1122
Joined: Thu Mar 03, 2016 9:52 pm
Location: Texas

Re: Improve Download page ideas (Take 2)

Postby kkremitzki » Wed Dec 05, 2018 10:50 pm

HTTP/2 is the main performance improvement I wanted to look into, but having the homepage on shared hosting doesn't give me the ability to mess with that.
Like my FreeCAD work? I'd appreciate any level of support via Patreon, Liberapay, or PayPal! Read more about what I do at my blog.
AR795
Posts: 153
Joined: Fri May 25, 2018 11:55 pm

Re: Improve Download page ideas (Take 2)

Postby AR795 » Thu Dec 06, 2018 6:09 am

sgrogan wrote: ↑
Wed Dec 05, 2018 9:53 pm
Very nice work @AR795, thanks for your continued work on this :)
Thanks!

kkremitzki wrote: ↑
Wed Dec 05, 2018 10:50 pm
having the homepage on shared hosting doesn't give me the ability to mess with that.
I see. I wasn't aware about shared hosting for the homepage.
triplus
Posts: 7609
Joined: Mon Dec 12, 2011 4:45 pm

Re: Improve Download page ideas (Take 2)

Postby triplus » Thu Dec 06, 2018 7:36 pm

Noticed a nice looking download page today. When visiting FreeCAD homepage.

Good job!
AR795
Posts: 153
Joined: Fri May 25, 2018 11:55 pm

Re: Improve Download page ideas (Take 2)

Postby AR795 » Fri Dec 07, 2018 10:20 am

triplus wrote: ↑
Thu Dec 06, 2018 7:36 pm
Noticed a nice looking download page today. When visiting FreeCAD homepage.
Good job!
Thanks!
User avatar
Kunda1
Posts: 3361
Joined: Thu Jan 05, 2017 9:03 pm

Re: Improve Download page ideas (Take 2) - Topic: Development download page

Postby Kunda1 » Fri Dec 07, 2018 12:56 pm

@AR795 this is such a good job. Thank you for realizing it!
So we now have a functioning Download page showing the stable version.

Now that I have the proof of concept and semi-implementation of keeping the Appimage page up to date for the FreeCAD development version (it's updated via pywikibot), can we start talking about creating a section for development version?

What I'm thinking is to discuss what it would look like and how would it distinguish itself, presentation-wise, from the stable version. Should it be on the same page (but in a collapsed <div> hiding it from end-users). Should it be in a separate page with a link from the stable version page ?
Etc..etc..

In the meantime....I'm working on the backend script that will keep the URLs up to date on this theoretical development download page. The github API allows us to grab all sorts of useful info. You can try it via the CLI:

Code: Select all

curl -s 'https://api.github.com/repos/FreeCAD/FreeCAD/releases/tags/0.18_pre' | jq --raw-output '. | .assets[] | {Build: .name, Size: .size, Downloaded: .download_count, Created: .created_at, Uploader: .uploader.login, Link: .browser_download_url}'
Want to contribute back to FC? Checkout:
#lowhangingfruit | Use the Source, Luke. | How to Help FreeCAD | How to report FC bugs and features