CODEWITHSUNDEEP
javascriptcssperformance
chrisl-921fb74d
chrisl-921fb74d

Reputation: 23120

What are some highlevel techniques to improving paint or rendering times?

What are some techniques or methods that could potentially reduce jank and/or improve paint times on browsers?

Upvotes: 1

Views: 46

Answers (1)

chrisl-921fb74d
chrisl-921fb74d

Reputation: 23120

There isn't an exact answer for this but here are some high level techniques that may work for most situations

  • Reduce paint layers - Use the browser's dev tools to see how many layers your css or markup may produce. Changing or simplifying your css could potentially reduce better outcomes
  • Frame Budget - If the JavaScript inside your requestAnimationFrame callback takes longer than 16ms to run, you don't have any hope of producing a frame in time for v-sync
  • Utlize a virtual dom, or Web Workers API - If possible offload processing away from the client and Utilize web workers api for processing

Sources:

Upvotes: 1

Related Questions