Posts tagged with mobile

Instagram EngineeringNov 8, 2019

10 Questions with Shupin Mao, Well-being tech lead

Why it matters: This interview highlights the intersection of machine learning and social responsibility, demonstrating how engineers balance technical innovation with strict privacy and legal requirements in a high-scale, data-driven environment.

Shupin Mao transitioned from academic coding in C to professional iOS development using Objective-C at Facebook.
The Instagram Well-being team utilizes machine learning models to identify and combat the sale of illegal goods like drugs and firearms.
Instagram's engineering culture emphasizes a data-driven approach, where projects are guided by analytical goals and user feedback.
Teams allocate 20% of their time to address ad-hoc issues, ensuring flexibility and responsiveness to unexpected technical challenges.
Engineers work closely with cross-functional partners, including legal, policy, and privacy experts, to review every product change.
The organization maintains a flat management structure, allowing engineers to take on large scopes of work and communicate directly with leadership.

#culture #mlp #mobile

Read original

Instagram EngineeringNov 1, 2019

Making instagram.com faster: Code size and execution optimizations (Part 4)

Why it matters: Optimizing JavaScript execution and parsing is critical for web performance on low-end devices. By focusing on pre-compression size and deferring execution, engineers can significantly reduce Time to Interactive even when network speeds are not the primary bottleneck.

Prioritized reducing pre-compression JavaScript size over post-compression size, as parsing and execution on the CPU are often the primary bottlenecks on mobile devices.
Implemented inline requires using the Metro bundler to defer module execution until first use, resulting in a 12% improvement in Time to Interactive (TTI).
Transitioned to serving ES2017 bundles to modern browsers, reducing the overhead of transpiled code and polyfills for features like async/await.
Established Critical Bytes Per Route as a key metric to monitor and limit the amount of eagerly executed JavaScript on the critical path.
Utilized dynamic imports to move non-visible or interaction-dependent UI components out of initial page bundles to improve initial load performance.

#frontend #mobile

Read original

Instagram EngineeringOct 8, 2019

Implementing Dark Mode in iOS 13

Why it matters: This article provides a blueprint for large-scale feature adoption across legacy codebases. It demonstrates how to leverage native platform APIs while maintaining backward compatibility through clever wrapping and conditional compilation, ensuring a seamless transition for users and developers.

Adopted a 'stand on the shoulders of giants' philosophy by sticking closely to Apple's UIKit APIs for ease of use and maintainability.
Developed thin, backwards-compatible wrappers around iOS 13 APIs to support developers still using Xcode 10 and devices on iOS 12.
Utilized dynamic colors and images that automatically adapt to light/dark modes, elevation levels, and accessibility settings.
Implemented a semantic color palette to reduce complexity for product teams and ensure consistent UI across the application.
Created a custom IGTraitCollection struct to bridge the gap between different iOS versions and handle interface style changes safely.
Addressed technical hurdles like color equality issues by ensuring dynamic color instances remained comparable within the system.

#mobile #frontend

Read original

Page 3 of 3

Prev 1 2 3Next