Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Zhouzi/awesome-perceived-performance

💫 Perceived performance best practices & resources.
https://github.com/Zhouzi/awesome-perceived-performance

List: awesome-perceived-performance

awesome awesome-list perceived-performance user-experience

Last synced: 3 months ago
JSON representation

💫 Perceived performance best practices & resources.

Awesome Lists containing this project

README

        

# Awesome Perceived Performance [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)

💫 Perceived performance best practices & resources.

## Contents

- [Videos](#videos)
- [Tools](#tools)
- [Demos](#demos)
- [Articles](#articles)
- [Documents](#documents)

## Videos

- [Denys Mishunov on Deconstructing Performance](https://vimeo.com/184659742)
- [Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016](https://www.youtube.com/watch?v=cmGr0RszHc8)
- [Asynchronous UI and Non-Blocking Interactions with Elliott Kember](https://www.youtube.com/watch?v=gVgNYiJrnkE)
- [Dopamine Jackpot! Sapolsky on the Science of Pleasure](https://www.youtube.com/watch?t=15&v=axrywDP9Ii0)

## Tools

- [PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/)
- [Web Page Test](http://www.webpagetest.org/)
- [Network Link Conditioner](http://nshipster.com/network-link-conditioner/)

## Demos

- [Demo of "Reactive Web Design: The secret to building web apps that feel amazing"](http://reactive.surge.sh/)
- [The Perception of Speed](http://www.stevesouders.com/blog/2012/12/03/the-perception-of-speed/)
- [Reactive Design on Codepen](http://codepen.io/Zhouzi/full/ogdxJj/)

## Articles

- [Reactive Web Design: The secret to building web apps that feel amazing](https://medium.com/@owencm/reactive-web-design-the-secret-to-building-web-apps-that-feel-amazing-b5cbfe9b7c50)
- [Improving Perceived Performance with Multiple Background Images](http://csswizardry.com/2016/10/improving-perceived-performance-with-multiple-background-images/)
- [True Lies Of Optimistic User Interfaces](https://www.smashingmagazine.com/2016/11/true-lies-of-optimistic-user-interfaces/)
- [The UX Secret That Will Ruin Apps For You](https://www.fastcompany.com/3061519/the-ux-secret-that-will-ruin-apps-for-you)
- [Fake it 'til you Make it CSS](https://kyusuf.com/post/fake-it-til-you-make-it-css)
- [Why are we waiting?](https://www.cxpartners.co.uk/our-thinking/why-are-we-waiting/)
- [Our best practices are killing mobile web performance](http://molily.de/mobile-web-performance/)
- [Why Performance Matters, Part 3: Tolerance Management](https://www.smashingmagazine.com/2015/12/performance-matters-part-3-tolerance-management/)
- [Why Performance Matters, Part 2: Perception Management](https://www.smashingmagazine.com/2015/11/why-performance-matters-part-2-perception-management/)
- [Why Performance Matters, Part 1: The Perception Of Time](https://www.smashingmagazine.com/2015/09/why-performance-matters-the-perception-of-time/)
- [Experiments in Loading - How Long Will You Wait?](https://www.viget.com/articles/experiments-in-loading-how-long-will-you-wait)
- [The technology behind preview photos](https://code.facebook.com/posts/991252547593574/the-technology-behind-preview-photos/)
- [An Introduction to Perceived Performance](http://blog.teamtreehouse.com/perceived-performance)
- [More Weight Doesn't Mean More Wait](https://www.filamentgroup.com/lab/weight-wait.html)
- [Wait for It](http://uxmas.com/2013/wait-for-it)
- [Why Waiting Is Torture](http://www.nytimes.com/2012/08/19/opinion/sunday/why-waiting-in-line-is-torture.html)
- [How to Make Progress Bars Feel Faster to Users](http://uxmovement.com/buttons/how-to-make-progress-bars-feel-faster-to-users/)
- [The "Psychological" Speed of Mobile Interfaces](https://medium.com/ui-collection/the-psychological-speed-of-mobile-interfaces-df25276295dd)
- [The Perception of Speed](http://www.stevesouders.com/blog/2012/12/03/the-perception-of-speed/)
- [Let Your Users Wait](http://uxmag.com/articles/let-your-users-wait)
- [Progress Indicators Make a Slow System Less Insufferable](http://www.nngroup.com/articles/progress-indicators/)
- [The Need for Speed](https://cloudup.com/blog/the-need-for-speed)
- [Asynchronous UIs - the future of web user interfaces](https://blog.alexmaccaw.com/asynchronous-uis-the-future-of-web-user-interfaces/)
- [The 3 White Lies Behind Instagram's Lightning Speed](https://www.fastcompany.com/1669788/the-3-white-lies-behind-instagrams-lightning-speed)
- [UX Tactics To Make Slow Things Seem Faster](http://blog.placeit.net/ux-tactics-make-slow-things-seem-faster/)
- [Building interface previews with React](https://www.callumhart.com/blog/building-interface-previews-with-react/)
- [Non-blocking UI's with interface previews](http://www.callumhart.com/blog/non-blocking-uis-with-interface-previews)
- [Facebook content placeholder deconstruction](http://cloudcannon.com/deconstructions/2014/11/15/facebook-content-placeholder-deconstruction.html)
- [Making Wait Times Feel Shorter](http://usabilitypost.com/2009/01/23/making-wait-times-feel-shorter/)
- [Understanding and Measuring Perceived Performance](https://instartlogic.github.io/p/spdperception/)

## Documents

- [Response time in man-computer conversational transactions](https://www.computer.org/csdl/proceedings/afips/1968/5072/00/50720267.pdf)
- [Faster Progress Bars: Manipulating Perceived Duration with Visual Augmentations](http://www.chrisharrison.net/projects/progressbars2/ProgressBarsHarrison.pdf)
- [A study on tolerable waiting time](https://www.researchgate.net/publication/220893869_A_Study_on_Tolerable_Waiting_Time_How_Long_Are_Web_Users_Willing_to_Wait)