This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Jason Nelson
Posted Jul 17 - Read on Facebook

General performance question.

I have a rather large prototype that I am working on and I am looking for ways to increase performance. Is there any performance difference between rendering SVGs vs. PNGs with transparency?

TIA!

7 Comments

Özgür Fırat Özpolat
Kevyn Arnott

This is an example of SVG vs PNGs http://codepen.io/adrianosmond/pen/LCogn. If you're looking for performance gains, it's probably not the best place to look. There's very little difference in terms of speed for browsers today.

Jason Nelson

Thanks, Kevyn. This helps answer my question. I tried swapping them out after reading this. The difference is pretty negligible.

Koen Bok

I think you'll only see a difference if you would load thousands, but once they are on your screen (and rendered as pixels) it's all the same to Framer.

Jason Nelson

Thanks, Koen!

Blaine Billingsley

Jason Nelson not sure if this will help you but there is a dope preloader module: https://github.com/Collect3/framer-primer

Jason Nelson

Thanks, Blaine! I meant this question to specifically refer to animation, but this will be super helpful for some other aspects of the project!

Read the entire post on Facebook