I've just launched my Personal Website (richardsison.com)

12 months ago from Richard Sison, Interaction Designer, Dabbler in Front-end Code and Stickler for Good Microcopy.

  • Mick NMick N, 12 months ago

    The one thing I love the most about this is just how fast it is. Switching between Work & About is instant. Love it!

    2 points
    • Richard SisonRichard Sison, 12 months ago

      Haha cheers! Thanks for noticing! I do care about performance! I suppose the benefit in knowing mainly HTML and CSS is that my overhead is fairly low. There aren't any dependencies I'm preloading so it's inherently pretty performant.

      I do have on my backlog to cull more of the Bootstrap 4 code (I planned to just use the Bootstrap grid, but I'm actually sucking in a few other partials…), research gzipping and other performance best practices. Hell… I'm not even minifying the CSS! All I've done is mainly keep my code tidy and optimise my images via ImageOptim.

      But because it's a fairly simple site, I probably wouldn't even get huge performance gains anyway.

      In any case, thanks for the kudos! I appreciate you noticing!

      1 point
      • Joshua TurnerJoshua Turner, 12 months ago

        If you're not already think about utilizing Cloudflare. They provide some really great caching out of the box.

        You will need to fingerprint your asset files, and that might require you to expand your current build process.

        But another big thing you could do is pull in uncss into your build process. It will scan your HTML files and remove any unused css rules from your stylesheet prior to minification.

        It isn't webpack, which is probably what you should be using for new projects, but I have a prebuilt gulpfile for doing just that - as well as fingerprinting. If you're interested let me know and I'll throw it in a gist for you!

        1 point
        • Richard SisonRichard Sison, 12 months ago

          Hey Josh!

          Thanks for reaching out and those tips! I've saved them in my backlog for performance.

          But I'll be honest, this level of development goes way over my head!

          My build process is literally what Codekit gives me and I didn't even use the "Build Project" functionality until this morning when I read your comment! It was just something I'd kept putting off…

          But even that is going to make things much easier to manage my site as it abstracts only the files I need to upload; not the SCSS too (up until now I've just been cherry-picking the HTML and CSS files individually …like a noob.

          0 points