Development

Dirk de Kok เจ้าของเว็บ Mobtest (เว็บเกี่ยวกับการทดสอบแอพบนมือถือ) ได้โพสต์เกี่ยวกับการทำงานของแอพ Facebook บนอุปกรณ์ iOS ว่าอะไรทำให้แอพตัวนี้ค่อนข้าง ”แย่” โดยเฉพาะปัญหาในเรื่องของความเร็วและการโหลดเนื้อหา

จะว่าไปแอพตัวนี้มีเรทติ้งเฉลี่ยเพียงแค่ 2 ดาวจาก 5 ดาวเท่านั้น (ใน iTunes ของอเมริกา) ซึ่งแสดงให้เห็นว่าแอพ social network ตัวนี้ให้ประสบการณ์การใช้งานที่ไม่ดีนักกับผู้ใช้ ซึ่งปัญหาส่วนใหญ่ก็คือ

  • แอพทำงานช้า
  • ข้อมูลนำเสนอขัดแย้งกัน (ยกตัวอย่าง ไอคอนระบบแจ้งเตือนบอกว่ามีคอมเม้นท์ใหม่ แต่เมื่อเปิดดูแล้วกลับไม่มีอะไรใหม่)
  • ตัวแอพทำงานช้ากว่าเวอร์ชันโมบายเวบ (m.facebook.com)
  • บั๊กเพียบ

แล้วปัญหาพวกนี้เกิดจากอะไร?

Dirk de Kok ได้พูดถึงปัญหานี้ไว้สองประเด็นหลักใหญ่ๆ ครับ

1. แอพ Facebook ใช้ HTML ผ่าน UIWebViews ที่ปราศจากเอนจิน Nitro JavaScript

เขารู้เรื่องนี้เพราะใช้วิธีที่เรียกว่า Sniffing (การดักจับข้อมูล) แล้วค้นพบว่าตัวแอพดาวน์โหลดข้อมูลจาก facebook.com แบบ REST (ใช้ฟอร์แมต XML ไม่มีการใช้ JSON) และ HTML

Dirk de Kok บอกว่า HTML ใช้สำหรับแสดง TimeLine รวมถึงข้อมูลโปรไฟล์ต่างๆ ซึ่งมีลักษณะเดียวกับ m.facebook.com เป๊ะ แต่เวลาแอพจะแสดงเนื้อหา HTML ภายในแอพ ผู้พัฒนาใช้วิธีไปเรียกคอมโพเน้นท์ของ Safari ที่ชื่อว่า “UIWebViews” (พูดง่ายๆ มันคือการ embed หรือใช้เว็บภายในแอพพลิเคชันนั้นๆ)

วิธีนี้จะสะดวกสำหรับนักพัฒนามาก แต่ก็มีข้อจำกัดเช่นกัน ยกตัวอย่างเช่น หากมีการเปลี่ยนแปลงข้อมูลใน Timeline มันจะโหลดหน้า Timeline “ใหม่ทั้งหมด” หรือเมื่อนำไปรันบน Sunspider จะพบว่าประสิทธิภาพของ UIWebViews ภายในตัวแอพต่ำกว่าประสิทธิภาพของตัวเบราเซอร์ Safari ถึง 3 เท่าเพราะ UIWebViews ไม่มีเอนจิน Nitro JavaScript เหมือนกับเบราว์เซอร์ Safari นั่นเอง (เอนจิน Nitro จะช่วยในการประมวลผล JavaScript เร็วขึ้นและส่งผลให้หน้าเว็บโหลดเสร็จเร็วขึ้นด้วย)

ตัวอย่างภาพปัญหาที่เกิดขึ้นได้จากการโหลดหน้า HTML ไม่มี style sheet ไม่มีรูป

2. เนื้อหาใหม่ที่เชื่อมกับระบบแจ้งเตือนไม่ sync กันเพราะเรียก (call) คนละส่วน

จำนวนตัวเลขระบบแจ้งเตือนใหม่จะเรียกผ่าน https://api.facebook.com/restserver.php ส่วนเนื้อหาใหม่ตามการแจ้งเตือนจะถูกโหลดผ่าน https://api-read.facebook.com/restserver.php ซึ่งการเรียกที่แยกกัน ทำให้ข้อมูลที่รีเทิร์นมาปรากฏบนตัวแอพนั้นอาจขัดแย้งกันเองหรือไม่ทันกันเองได้ เช่น ผู้ใช้เปิดแอพมาเห็นเลขแจ้งเตือนใหม่ ถ้ากดดูเร็วเกินไป จะไม่เห็นเนื้อหาใหม่อัพเดตตามที่แจ้งเตือนนั่นเอง

คำถาม: แล้วทำไม Facebook ต้องใช้เทคโนโลยี HTML?

Dirk de Kok ได้วิเคราะห์ตามนี้ครับ

  1. ข้อมูลที่ไหลตลอดเวลานั้นใช้ HTML พัฒนาได้ง่ายกว่า เพราะว่าการเขียนด้วย Objective-C เพื่อแสดงเนื้อหาที่ไหลตลอดเวลาทำได้ยาก เช่น การโชว์รูป ปุ่มต่างๆ ที่มีตัวหนังสือหลายๆ แบบ (อาจจะหมายถึงปุ่ม like ปุ่ม comment ฯลฯ) การจะสร้างปุ่มพวกนี้ด้วย Objective-C ทำได้ไม่ง่ายนักเพราะต้องเขียนกำหนดขนาดแต่ละปุ่ม ตำแหน่งวางปุ่มแต่ละปุ่ม ในขณะที่ใช้ HTML แทนจะทำได้ง่ายกว่า
  2. เขียนครั้งเดียว โผล่ได้ทุกแพลตฟอร์ม
  3. กระบวนการการทำงานและพัฒนาของ Facebook เขาเชี่ยวชาญในเรื่อง HTML อยู่แล้ว แต่การจะมาเขียนเป็นแอพ native ล้วนๆ ส่งให้แอปเปิลรีวิวเป็นอาทิตย์ (นึกภาพเวลาจะอัพเดตอะไรใหม่ๆ) ต้องคอยแก้โค้ด Objective-C ล้วนๆ ก็เป็นฝันร้ายของทีมพัฒนาแอพเลยทีเดียว
  4. ฟีเจอร์โฟนต่างหากที่ Facebook อยากจะบุกเข้าไปต่อเพราะโลกที่สามยังใช้ฟีเจอร์โฟนอยู่จำนวนมาก พวกเขาเหล่านี้อยากใช้ Facebook มากกว่าจะไปหาซื้อไอโฟนมาใช้ และขณะเดียวกันผู้ที่ใช้ไอโฟนหรือแอนดรอยด์อยู่แล้วก็ต้องหาแอพ Facebook มาลงอยู่ดี (ของตายว่างั้น ทนใช้ต่อไป)

ที่มา - Mobtest

Hiring! บริษัทที่น่าสนใจ

Carmen Software company cover
Carmen Software
Hotel Financial Solutions
Next Innovation (Thailand) Co., Ltd. company cover
Next Innovation (Thailand) Co., Ltd.
We are web design with consulting & engineering services driven the future stronger and flexibility.
KKP Dime company cover
KKP Dime
KKP Dime บริษัทในเครือเกียรตินาคินภัทร
Kiatnakin Phatra Financial Group company cover
Kiatnakin Phatra Financial Group
Financial Service
Fastwork Technologies company cover
Fastwork Technologies
Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน
Thoughtworks Thailand company cover
Thoughtworks Thailand
Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน
Iron Software company cover
Iron Software
Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.
CLEVERSE company cover
CLEVERSE
Cleverse is a Venture Builder. Our team builds several tech companies.
Nipa Cloud company cover
Nipa Cloud
#1 OpenStack cloud provider in Thailand with our own data center and software platform.
Bangmod Enterprise company cover
Bangmod Enterprise
The leader in Cloud Server and Hosting in Thailand.
CIMB THAI Bank company cover
CIMB THAI Bank
MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank
Bangkok Bank company cover
Bangkok Bank
Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking
MuvMi (Urban Mobility Tech Co.,Ltd.) company cover
MuvMi (Urban Mobility Tech Co.,Ltd.)
Shape the future of urban mobility towards affordable, clean, and safe solutions
T.N. Digital Solution Co., Ltd. company cover
T.N. Digital Solution Co., Ltd.
TNDS has been involving in every first move of banking’s major digital transformation.
KBTG - KASIKORN Business-Technology Group company cover
KBTG - KASIKORN Business-Technology Group
KBTG - "The Technology Company for Digital Business Innovation"
Siam Commercial Bank Public Company Limited company cover
Siam Commercial Bank Public Company Limited
"Let's start a brighter career future together"
Icon Framework co.,Ltd. company cover
Icon Framework co.,Ltd.
Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก
REFINITIV company cover
REFINITIV
The Financial and Risk business of Thomson Reuters is now Refinitiv
H LAB company cover
H LAB
Re-engineering healthcare systems through intelligent platforms and system design.
The Gang Technology Co., Ltd. company cover
The Gang Technology Co., Ltd.
We're a Digital Agency that helps our customers transform their business into digital with ease.
LTMH company cover
LTMH
LTMH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย
Seven Peaks company cover
Seven Peaks
We Drive Digital Transformation
Wisesight (Thailand) Co., Ltd. company cover
Wisesight (Thailand) Co., Ltd.
The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure
MOLOG Tech company cover
MOLOG Tech
We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.
Data Wow Co.,Ltd company cover
Data Wow Co.,Ltd
We enable our clients to realize increased productivity by solving their most complex issues by Data
LINE Company Thailand company cover
LINE Company Thailand
LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call
LINE MAN Wongnai company cover
LINE MAN Wongnai
Join our journey to becoming No.1 food platform in Thailand

ใช้ทาง m.facebook.com ดีกว่าทุกอย่าง อัพเดทอะไรก็ตรงและเร็วกว่า แค่ไม่มีโปรเซสของการอัพโหลดรูปให้เห็นแค่นั้นเอง ;)

churos Fri, 08/06/2012 - 13:22

App Facebook ใน Android แย่กว่าใน iOS อีก ตอนนี้ผมก็หนีไปใช้ FriendCaster แล้ว

ข่าวนี้ ขอบคุณคุณ PaPaSEK มากครับสำหรับคำแนะนำในการเขียนข่าว :D (แอบปรึกษาหลังไมค์กันมาก่่อน อิอิ)

Masscotte Fri, 08/06/2012 - 13:39

สรุปคือ ทีมพัฒนาแอพฯของพี่มาร์คไม่ได้ ใส่ "ความตั้งใจจะทำให้ดี" ตั้งแต่แรกใช่มั้ยครับ?

ไม่แต่ iOS หรือ Android หรอก XP หรือ Windows 7 บน PC/Laptop ก็ไม่รอด เครื่องทำงานอยู่ดีๆ พอเปิด FB ขึ้นมาเท่านั้นแหละ ดูเหมือนเครื่องถูกสาปให้หยุดเดินไปเลย

ของ Android ก็ห่วยมาก เขียนมักง่ายสุดๆ เขียนไม่สมกับเป็นบริษัทที่มีชื่อเสียงเลย ต่างกับ Twitter for Android สุดๆ

รวยจะแย่อยู่แล้ว ลงทุนพัฒนา ค้นคว้าวิจัย เรื่องพวกนี้ไม่เกินแรงคุณแม้แต่น้อย อาทิตย์สองอาทิตย์นี้เอ๋อมากทั้ง Desktopม Mobile ข้อมูลไม่ตรงกันบ่อย รูปเปิดไม่ขึ้น โน่นนี่นั้น เยอะแยะเบื่อมากของ Android ไม่ต้องพูดถึงเลย

  • ตัวเลขระบบแจ้งเดือนใหม่

ต้องเป็น "เตือน" หรือเปล่าครับ

  • การจะสร้างปุ่มพวกนี้ด้วย Objective-C ทำไม่ง่าย

น่าจะเรียบเรียงใหม่นะครับ แบบนี้เหมือนงง ๆ อาจจะเปลี่ยน "ทำไม่ง่าย" เป็น "ทำได้ไม่ง่าย" ก็ได้ หรือไม่ก็เปลี่ยนใหม่เลย

ผมลองเทียบความเร็วใน People Hub กับ Facebook for Windows Phone มันก็แทบจะไม่ต่างกันเลยล่ะ (ยกเว้นตอนเปิดแอพนะอันนี้ FB ช้าใช้ได้เลย)

ถ้าใช้แค่ News Feed นี่แทบจะใช้ People Hub แทนได้เลยจริงๆ แต่ผมมันแอบโรคจิตอ่ะ ชอบให้มันมีฟีเจอร์เยอะๆเข้าไว้เผื่อใช้ :3

ของผมถ้าเน็ทเน่าๆ เช่นต่อ EDGE โหลด Notification ไม่มาเลยครับ เดี้ยงสนิท

แอปดูช้าๆ เทียบกับ People Hub คนละเรื่องเลย ฮ่าๆ

เป็นเหมือนกันครับ

ตอนนี้อยู่ระหว่างย้ายค่ายไปใช้ 3G เลยมีแต่ Edge ใช้ Notification นี่ตั้งแต่ใช้มาได้ 2 อาทิตย์เห็นเด้งมาแค่ 4 ครั้งตัวเลขก็ไม่เคยตรง

เวลาแค่เช็คว่ามีอะไรใหม่เลยไปดู Notification ของ ME Tiles แทนเวิร์กกว่า = =

ถ้าใครใช้ iPad ผมแนะนำ Fera (หรือ MyPad ก็ได้ ดีคนละอย่าง) ครับ เพิ่งหวดมาเมื่อคืน ชอบมากกกก เสียแต่หน้าจอดูรกไปหน่อย

มีเงินตั้งเยอะ แต่ไม่คิดนวัตกรรมใหม่ๆ ระวังหายไปแบบ Nokia, Sony นะครับ กว่าจะฟื้นก็อีกนานพอควร

คือลองเปรียบเทียบเวอร์ชั่นเก่าๆ ไวมากๆๆๆ อาจจะมีบัคบ้างแต่ไม่กระทบเท่าไหร่

แต่พออัพมาเป็น v4 ทุกอย่างแย่ลงตามลำดับ ไม่ว่าจะเป็นการโหลด timeline ที่ต้องรอนานมากๆๆและก็คือโหลดข้อมูลกลุ่ม ก็ช้าด้วย

สู้เวอร์ชั่น3 ก็ไม่ได้

wssssss43 Thu, 21/06/2012 - 13:18

iSud!!! แล้วเมื่อไหร่จะแก้><~~~