Jump to content
Search Community

Loading Slowness in my webpages

Carolina Waizani test
Moderator Tag

Recommended Posts

Hello,

We build 7 webpages using Angular and GSAP 3.4.
Each page contains some SVGs.
Each page has multiple sections and each section has its own timeline using Scroll Trigger to execute the animation required upon scrolling.
We are having problems loading the pages. Pages take up a lot of memory and take a long time to load. firefox and safari shows warning messages about the memory consumption.

The website is http://products.gcel.net

 

 

Link to comment
Share on other sites

You are loading around 30 megabytes of content right out of the gate and it seems that quite a bit of it are PNG images that you can convert to reusable assets and mix them with live text.

 

Why you have a 5.6MB uncompressed js bundle is beyond me. What is on this bundle that is needed? 761kb of gzipped javascript looks excessive if all you have is a presentation website.

  • Like 1
Link to comment
Share on other sites

I've just re-read what I wrote above and would like to say that if that is coming across as unfriendly, I apologise. I do not mean it that way. I mean to say there is plenty of room to improve by optimizing the images, removing unnecessary ones, replacing others with live text and considering if you need as much javascript as you currently have in your page.

  • Like 1
Link to comment
Share on other sites

Hi Dipscom,

Our developer is trying to improve the loading on images but I would like to know if you worked before on such type of animations. We were looking to do something like Apple - https://www.apple.com/ipad-pro/  to explain our products. After research, we notice that using GSAP with Angular is doable and Already we are done with the flow, content and design. Now we notice that the pages are not responsive, there is memory consumption and it's not working on mobile web browsers.

 

How you can help us?

 

 

Link to comment
Share on other sites

Hi Carolina,

 

I have worked on scroll-based animations in the past, yes. I have no experience with Angular, I am afraid.

 

When you say your pages are not responsive, are you refering to whether they respond to the size of the viewport or to the user interaction?

 

The memory consumption will, likely, be your Javascript. There is bound to be a memory leak somewhere there.

 

I'll go back to my original comment - If this is a product explanation page, do you really need a javascript framework to put it together? Removing as much javascript as you possibly can will improve the performance and probably the memory usage. The way I see it, all you need here is a static page, GSAP and the ScrollTrigger plugin. Bare minimum JS to only control the animation you want as the user scrolls down.

 

As for help, what type of help are you looking for? Are you looking for a GSAP specialist? Or a performance specialist? Or an Angular expert to help with the memory issue?

  • Like 2
Link to comment
Share on other sites

  • 1 month later...
On 9/30/2020 at 4:49 PM, Carolina Waizani said:

Hi Dipscom,

Our developer is trying to improve the loading on images but I would like to know if you worked before on such type of animations. We were looking to do something like Apple - https://www.apple.com/ipad-pro/  to explain our products. After research, we notice that using GSAP with Angular is doable and Already we are done with the flow, content and design. Now we notice that the pages are not responsive, there is memory consumption and it's not working on mobile web browsers.

 

How you can help us?

 

 

Here are our Top 10 Reasons for Slow Loading Websites.
  • Unoptimized Images. ...
  • JavaScript Issues. ...
  • Too Much Flash Content. ...
  • Excessive HTTP Requests. ...
  • Not Making Use of Caching Techniques. ...
  • Unclean Code. ...
  • Not Using gZIP Compression. ...
  • Too Many Ads.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...