Search code examples
javascriptinternet-explorer-7sveltevelocity.js

Animations performance in internet explorer 7


I am maintaining a legacy code at work that runs on internet explorer 7, and I have performance issues on the old hardware.

Css animation being not supported in IE7, I've tried jquery animate but the results were horrible, I've tried to replace theme with Velocity.js, I've seen some minor performance gains but still not enough.

containerReference
  .delay(3000)
  .velocity({
    top: '25px'
  }, {
    'easing': 'linear',
    'duration': 1600
  })
;

Any idea how to improve performance ?

Do you know about any tiny compiled framework that could help (sveltJS maybe) ?


Solution

  • You could use F12 developer Network tools to check which part will spend too much time to load the website. Then, refer to the following article to improve the website performance.

    Improving UI responsiveness

    Best Practices for Performance

    Three Ways To Improve Performance Using Caching In ASP.NET MVC Applications

    8 Ways to Improve Your Website Performance