• News Feed
  • Browse Topics
  • Newsletter
  • Become a Sponsor

Performance

Curated collection of Performance related resources.

Popular Topics

  • All
  • Branding
  • Style Guide
  • Design System
  • Atomic Design
  • Product Design
  • Wireframing
  • Prototyping
  • Typography
  • Sketch App
  • UI Design
  • UX Design
  • CSS Grid Layout
  • CSS Flexbox
  • See All Topics
  • algolia.com

    Performant Web Animations and Interactions: Achieving 60 FPS

    Silky smooth interactions are critical for providing a natural-feeling application. The devil is in the details, and ill-performant web animations feel awkward, “janky”, and, above all, slow. Developers often invest quite a…

    Read the full story⇀
  • css-tricks.com

    The Critical Request

    Serving a website seems pretty simple: Send some HTML, the browser figures out what resources to load next. Then we wait patiently for the page to be ready. Little may you know,…

    Read the full story⇀
  • Sponsored
    Flywheel

    Improve Your Workflow With a Simple Local WordPress Development Environment

    When you’re developing WordPress sites, a solid local development environment can make all the difference between a successful day building beautiful things and a frustrating day spent debugging. Learn why developing locally is so important, and discover the best free app to help you get started!

    Download it for free today!⇀
  • csswizardry.com

    Performance and Resilience: Stress-Testing Third Parties

    When building almost any website of any reasonable size, we’re highly likely to need to call on at least some third party resources: analytics, fonts, CDNs, ad providers, to name just a…

    Read the full story⇀
  • prototypr.io

    Designing for Performance

    This is how it goes. We put a load of shit into a single web page. This makes the page slow. Slow to load, slow to render. Slow. Instead of getting rid…

    Read the full story⇀
  • hackernoon.com

    Measuring Web Performance; It’s Really Quite Simple

    If you’re new to this whole ‘web performance’ craze, you may have noticed that it can be quite complex. Should you measure load time? Responsiveness to user inputs? Page-to-page navigation? Do you…

    Read the full story⇀
  • freecodecamp.org

    Reducing CSS Bundle Size 70% by Cutting the Class Names and Using Scope Isolation

    At the beginning of this year I have quit consulting and set out to build GO2CINEMA — Fast, simple and secure way to book cinema tickets in the UK. I have done a splendid…

    Read the full story⇀
  • myshopify.com

    How 17 Lines of Code Improved Shopify.com Loading by 50%

    Big improvements don't have to be hard nor take a long time to implement. It took, for example, only 17 lines of code to decrease the time to display text on Shopify.com…

    Read the full story⇀
  • figma.com

    WebAssembly Cut Figma’s Load Time by 3x

    WebAssembly was just released this past March but has already generated a lot of excitement in the web community. It’s a new binary format for machine code that was specifically designed with…

    Read the full story⇀
  • alistapart.com

    The Mindfulness of a Manual Performance Audit

    As product owners or developers, we probably have a good handle on which core assets we need to make a website work. But rarely is that the whole picture. How well do…

    Read the full story⇀
  • medium.com

    Upgrading Ele.me to Progressive Web App

    Since the very first experiments that @Vue.js tweeted, we at Ele.me (the biggest food ordering and delivering company in China) have been working on upgrading our mobile website to a Progressive Web…

    Read the full story⇀
  • zachleat.com

    Wait, WebP Is Actually Worth It

    For my previous talk, I decided to do something a little different with my slides—I decided to self host them. When I work on a talk, I create the slides in Keynote.…

    Read the full story⇀
  • google.com

    Get Started With Analyzing Runtime Performance

    Runtime performance is how your page performs when it is running, as opposed to loading. This tutorial teaches you how to use the Chrome DevTools Performance panel to analyze runtime performance. In…

    Read the full story⇀
  • boagworld.com

    Why Performance Is the Best Way to Improve the User Experience

    Many things shape the experience of users. However, nothing is more likely to drive users away than a poorly performing website. We like to think of ourselves as guardians of the user…

    Read the full story⇀
  • medium.com

    Twitter Lite and High Performance React Progressive Web Apps at Scale

    A look into removing common and uncommon performance bottlenecks in one of the worlds largest React.js PWAs, Twitter Lite. Creating a fast web application involves many cycles of measuring where time is…

    Read the full story⇀
  • medium.com

    Designing for the Appearance of Speed

    The jury has spoken: performance, conversion, and brand engagement are inextricably connected. Amazon has shown that each 100ms of latency costs them 1% in sales. Walmart chalks up an extra 2% conversions…

    Read the full story⇀
  • habd.as

    Progressive Monitoring for your Progressive Web Apps

    How do you monitor website performance? Is it monitored? How do you know if your website is getting faster? Or when it falls below critical performance thresholds? Are you receiving automated alerts?…

    Read the full story⇀
Next Page

Newsletter

Get the most interesting stories from our curation every day or week.

Get the most interesting design and frontend stories from our curation every day or week.

2012-2017 HeyDesigner.

  • Privacy Policy
  • Contact Us