Giter Club home page Giter Club logo

asset-performance-and-optimization's Introduction

Hey, I'm Chris Keathley

I'm a software engineer, building high performance, resilient systems. I do almost all of my work in Elixir and Erlang and have built a number of open source libraries to make it easier to build and test high-scale, distributed systems.

I've been passionate about Elixir for a number of years and that's lead me to write a few blog posts and give a bunch of talks on a variety of elixir and erlang related topics.

If you've found some value in any of the stuff I've worked on and you have a few bucks to spare, maybe consider sponsoring me on Github.

Links

asset-performance-and-optimization's People

Contributors

brettwise avatar keathley avatar

Watchers

avatar avatar avatar avatar

asset-performance-and-optimization's Issues

slides to create

  • Why do any of this?
    • User Experience - B
    • Impacts on mobile users
    • 40% of users leave a site that takes longer then 3 seconds to load - Kiss Metrics - B
    • Users will choose to faster sites over slower sites.
  • Measuring
    • Tools. I don't have a good list yet. Probably like PageSpeed and WhySlow amongst others - B
    • Determine target browsers
  • Beginner
    • GZIP all the things
      • Pre-gzip as part of your build cycle. Turning on gzip doesn't increase clock cycles.
    • Minify all the things - B
    • Optimize images (imageoptim and other tools) - B
      • Which Format? - B
      • Base64-Encoding - B
      • ImageIX - B
    • Set cache headers for your assets.
    • Load order - B
  • Intermediate
    • Use a good CDN
    • DNS lookups
    • Caching strategies (cache headers)
      • Create a vendor cache and an app cache
    • Remove unused styles with Chrome and uncss. - B
  • Advanced
    • Code splitting - B
    • Chunk files to 10k splits
    • Selectively inline certain styles if they are below the 400 byte region
    • When to concatenate and why?

That's what I have for now. What else you got @brettwise?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.