Ruten - PChome eBay Co., Ltd., Senior Front-end Engineer, Mar 2018 ~ Current

• Optimizing & maintaining development tool/process of Front-end bundling and compiling

• Update version of Webpack to ensure plugins in-use could cooperate with updated Acorn.js .
• Utilize splitChunks to enable modules sharing of all entries and adjust Babel transpiling process.
• Apply Workbox as our steady service-worker generator in replacement of sw-precache.
• Resulted in reducing development time by 50%, build time by 65%.

• Supporting revision control using GIT in replacement of SVN
• Promote benefit of migrating to GIT in terms of better version controlling.
• Develop and maintain CI process for Front-End codebase using GitlabCI.
• Provide support on the whole process of migrating.
• Improving page speed and UX in terms of core metrics of Web Vitals

• Targeting Q&A section in Goods page, resulted in improving CLS to 0 and FCP under 1.5 second.
• Targeting Store page, resulted in improving blocking time under 1 second .
• Help a former colleague with content and publishing a book about Web Vitals.
  
• Help colleague task with optimizing issues related to improving metrics' score.

• Optimizing performance of Shopping Cart page in terms of page loading and processing time

• Focus on modularizing VueX stores and preventing re-paint/re-flow.
• Adjust code to better data structure and processing steps, decoupling render-related module and business-logic-related module.
• Resulted in reducing initial loading time by 20%, cost of re-rendering time by 50%.

• Developing & maintaining「露露通」- a messenger with chat-bot functionality

• Following Git-flow practice to ensure better version control of components and maintainability.
• Utilize Sentry.js as error tracking tool.

• Developing team-level guideline of components and plugins with UI team

• Specify and reinvent all plugins and shared components of our code base with documentation.
• Utilize bit.cloud as our component versioning & serving platform.

• Maintaining caching process respecting SEO
• Focus on cache mechanism of Goods page and Search page.
• Utilize Puppeteer as our content serving method to Google Bot.
• Revising several pages with Vue.js and its ecosystem
  

• Re-write pages from using jQuery, T3 Module library, PHP embedded HTML to Vue.js
• Modularize code to better organized logic in respect of usage of Vue.
• Embed tracking code including in-house logger and GA/GTM for user's footprint analysis.
• Revising pages of our product including Entry page, Check-Out page, Shopping-Cart page, Customer service entry page.

• Assisting managing a team of 3 members
• Help resolving and consulting with members on technical issues.
• Deliver code review.
• Give mentorship to 2 members of other teams.