9 comments

  • James LaneJames Lane, 2 years ago

    Your iPhone svg (iPhone.svg) is 12.7mb!

    4 points
    • Mathias AdamMathias Adam, 2 years ago

      HAHA maybe need a little optimization, thanks man

      0 points
      • James LaneJames Lane, 2 years ago

        No probs. I was thinking it's a simple design, why is my browser struggling?! A png would probably suffice. I think it's because of the amount of data in the svg.

        1 point
        • Mathias Adam, 2 years ago

          Yup :)

          0 points
        • Steve McKinneySteve McKinney, 2 years ago

          It’s because of your shadows mostly, I’m guessing you’ve used a gaussian blur in Illustrator (a Photoshop effect) they don’t translate to actual SVG. So they get base64 encoded and embedded as an image.

          If you have a look at a gaussian blur under SVG filters in the Effect menu you should see the file size reduce if you use that method.

          2 points
  • Mike StevensonMike Stevenson, 2 years ago

    I know it's already been said, but man this slows my maxed out MacBook Pro to a crawl. I can only imagine how it would perform on an average consumer-grade machine. Get that site optimized pronto!

    1 point
  • Ktrn DsrsKtrn Dsrs, 2 years ago

    Neat!

    I clicked on the link: http://pulp-piano.com/

    And the loading time... all those heavy svg are hard on the bandwidth! Especially the iphone.svg with a whoping 13mb! ;)

    Just import your images as big transparent png then compress them using pngyu & voilà! The weight will be a lot more light and people will enjoy the website a little more :)

    1 point