My online CV

7 years ago from Mr Kyle Mac, Designer @ mrkylemac.com

  • Colm TuiteColm Tuite, 7 years ago (edited 7 years ago )

    83 HTTP requests at 25,579k. The fuck?!

    I've never seen a site come close to having such a high ratio of visuals:performance.

    Everything looks great, the type and colors are awesome. But man you've gotta do something about performance; you've got 65 massive images. Also, use gzip to compress your assets. You could use Amazon's CloudFront CDN too.

    16 points
    • Mr Kyle MacMr Kyle Mac, 7 years ago

      Cheers for testing Colm! I'm glad you like the design — because that's what I'm 90% selling myself as :D

      I've made some tweaks to hopefully ease the painful performance (but I admit, it sill needs work!) —took your advice on enabling Gzip to compress my assets too.

      Cowabunga!

      2 points
      • Colm TuiteColm Tuite, 7 years ago

        No prob mate. I see you've cut the page weight in half so it's a start, but it's still the biggest site I've seen in years.

        Currently there's 83 HTTP requests at 12mb. I'd aim for 10 requests at 2mb. Even that would be pretty large for such a simple site.

        Some of the images are still massive. Anything over 250kb is questionable. Check out ImageAlpha and ImageOptim.

        Really though, you should try to avoid loading so many images. Try just loading the first 5, then lazy loading the rest. Or try combining them into sprites to reduce HTTP requests. Or try loading them as the user scrolls. Or try loading the relevant images when the user clicks something. Or think about splitting your portfolio up into different pages. There's a million things you could try, but loading 65 hi-res images upfront is performance suicide.

        Also, concatenate your 8 Javascript files into 1, so there's just 1 HTTP request. Do the same with your CSS files.

        Also, the two arrow images you have, combine them into a sprite to save a request.

        You'll get there eventually, best of luck!

        8 points
        • Apurv RayApurv Ray, 7 years ago

          This comment here is what makes designer news awesome :) Plus this is something (part of the whole) I would give to a client after a ux review ... so this is high quality feedback for free (1-3hours billing otherwise )

          2 points
        • Mr Kyle MacMr Kyle Mac, 7 years ago

          Sweet man, I took most of your suggestions on and the load time is a lot better now —Thanks again Colm!

          1 point
      • Surjith S MSurjith S M, 7 years ago

        Try Lazy Loading!

        1 point