Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

EmberConf - Building Apps for African soil

128 views

Published on

Often smart people build ambitious applications that are meant to solve the world’s problems - like education, food shortages etc. However, the context like limited resources, minimal infrastructure, and smartphone adoption are usually overlooked. Solutions like low bandwidth apps, offline-first solutions are never at the top of the list even though they are sometimes most appropriate.

In this talk I’d like to walk you through some of the challenges that Africans face and how we can utilise some of Ember’s features as a tool to support relevant and effective solutions.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

EmberConf - Building Apps for African soil

  1. 1. BY: RIDHWANA KHAN BUILDING APPS FOR AFRICAN SOIL RIDHWANA_K
  2. 2. DEV RIDHWANA_K
  3. 3. SOUTH AFRICA RIDHWANA_K
  4. 4. KASI MATHS RIDHWANA_K
  5. 5. WHY SHOULD YOU CARE ? RIDHWANA_K TO ARE DEVELOPING COUNTRIES
  6. 6. OUTLINE OF CHALLENGES
  7. 7. 1. POWER/ELECTRICITY LOADSHEDDING AND POWER OUTAGES
  8. 8. 2. BASIC DIGITAL LITERACY Public schools and facilities by province, 2016 Province With laboratory With computer facility Gauteng 33,3% 80,3% KwaZulu-Natal 11,4% 33,3% Western Cape 33,2% 59,3% South Africa 18,3% 41,4% Adapted from Source: Department of Basic Education
  9. 9. 3. DATA COSTS SOUTH AFRICA $10.00 PER GB
  10. 10. 3. LOW END SMARTPHONES
  11. 11. 4. BANDWIDTH SPEED GLOBAL 4G AVAILABILITY VS SPEED
  12. 12. PERFORMANCE
  13. 13. WHAT’S NEXT? REDUCING THE BUNDLE SIZE SERVER/STATIC RENDERING 01 02 03 04 SERVICE WORKERS OTHER TIPS
  14. 14. REDUCE THE BUNDLE SIZE 01
  15. 15. REDUCE THE BUNDLE SIZE (CONTEXT)
  16. 16. REDUCE THE BUNDLE SIZE (CONTEXT)
  17. 17. “According to Google's DoubleClick: When comparing sites that load in 5 seconds to sites that load in 19 seconds, the faster sites had 70% longer average session lengths, 35% lower bounce rates and 25% higher ad viewability than their slower counterparts.” REDUCE THE BUNDLE SIZE (CONTEXT)
  18. 18. A. Minifying & Concatenating your JS B. Code Splitting C. Tree Shaking REDUCE THE BUNDLE SIZE (SOLUTIONS)
  19. 19. REDUCE THE BUNDLE SIZE (ANALYZE)
  20. 20. SERVER OR STATIC RENDERING 02
  21. 21. SERVER/STATIC RENDERING (CONTEXT) What if we wanted the best of both worlds - a quick initial load and also snappy successive interactions ?
  22. 22. > 1 s 1s < time < 5 s < 5 s SERVER/STATIC RENDERING (CONTEXT)
  23. 23. SERVER/STATIC RENDERING (SOLUTIONS)
  24. 24. SERVER/STATIC RENDERING (ANALYZE)
  25. 25. SERVICE WORKERS 03
  26. 26. SERVICE WORKERS (CONTEXT)
  27. 27. SERVICE WORKERS(SOLUTIONS)
  28. 28. SERVICE WORKERS(SOLUTIONS)
  29. 29. SERVICE WORKERS (ANALYZE)
  30. 30. OTHER PERFORMANCE TIPS 04
  31. 31. “A company called Furnspace reduced their image payload by 86% resulting in a reduction in load time of 65%. This improved user experience helped double Furnspace’s eCommerce purchase conversion ratio, cut bounce rates by 20%, increase mobile revenue by 7% and dramatically improve SEO” Optimizing images OTHER PERFORMANCE TIPS
  32. 32. “Instagram increased impressions and user profile scroll interactions by decreasing the response size of the JSON needed for displaying comments” Optimizing the JSON OTHER PERFORMANCE TIPS
  33. 33. Adaptive Loading “It uses signals to determine the Network, CPU core count and Memory” OTHER PERFORMANCE TIPS
  34. 34. PERFORMANCE BUDGETS
  35. 35. A. Command Line Warnings & Errors B. Integrate it with a CI C. Real User Monitoring DEVELOPMENT PROCESS
  36. 36. CONCLUSION
  37. 37. “Rebuilding Pinterest pages for performance resulted in a 40% decrease in wait time, a 15% increase in SEO traffic and a 15% increase in conversion rate to signup.”
  38. 38. THANKS RIDHWANA_K

×