TaB #18 - Optimizing Mobile Web Like You Never did Before

 • 

It’s been a while since the last time we held Tech a Break as we moved to our new office Tokopedia Tower and wait for the floor to be ready. But finally we were able to Make it Happen late November 2017. The event was held in our office Tokopedia Tower at 51st floor, our 18th Tech a Break attended by 98 attendees.

TaB 18
TaB 18

Optimizing Mobile Web is very important for us because incoming traffic are increasing from mobile devices nowadays. We had Ihsan Fauzi Rahman (Software Engineer at Tokopedia) talked about React Universal Rendering and Yohan Totting (Developer Advocate, TVC, Web Developer Relations at Google) explained about page optimization.

Ihsan Fauzi Rahman - React Universal Rendering

Ihsan Fauzi Rahman
Ihsan Fauzi Rahman

Ihsan Fauzin Rahman is Software Engineer at Tokopedia who responsible for Tokopedia Lite (Tokopedia’s mobile web version). He talked about Universal Rendering in React. React rendering can be used for both server side and client side rendering. New version of React has been improved for optimizing server side rendering speed.

Yohan Totting - Loading and Interactive in 5 Seconds

Yohan Totting
Yohan Totting

In the second session we had Yohan Totting explained us about code optimization so the site can be interactive in 5 seconds. Five seconds is an important time span for mobile developer because average users will feel something is not right if the page not interactive within those time span.

Yohan demonstrated that different load method for frontend resources (Javascripts, CSS files, Fonts, etc) may give different performance. Finding critical resrources and optimize the loading behaviour is very important to guarantee the page is interactive in 5 seconds.