ถ้ายังจำกันได้ Mark Zuckerberg ในตอนแรกนั้นเชื่อมั่นใน HTML5 จนหยิบมาทำแอพเพื่อใช้ในทุกแพลตฟอร์ม แต่ท้ายที่สุดก็ยอมรับว่ามีปัญหาเรื่องประสิทธิภาพ และเปลี่ยนไปทำแอพด้วย native แทน
จากเหตุการณ์ดังกล่าว Sencha ผู้ให้บริการเครื่องมือ และเฟรมเวิร์คสำหรับพัฒนา HTML5 เห็นต่างว่า HTML5 น่าจะทำได้ดีกว่านั้น จึงทำการทดลองเขียนแอพ Facebook ด้วย HTML5 ในชื่อ Fastbook แล้วจับมาเทียบกับกับแอพ Facebook ที่เขียนด้วย native ทั้งบน iOS และ Android
ผลปรากฏว่าแอพที่ Sencha เขียนขึ้นมานั้นประสิทธิภาพพอๆ กับแอพ native แถมยังโหลดข้อมูลได้มากกว่า และใช้งานแอพได้หลายรูปแบบกว่า (เช่นแนวนอน) ตรงจุดนี้ Sencha บอกว่าการที่แอพของ Facebook นั้นประสิทธิภาพไม่ดีน่าจะมาจากการเลือกเครื่องมือในการพัฒนาไม่ถูกต้องมากกว่า
ใครที่สนใจอยากทดลอง สามารถเข้าไปลองได้ที่ Fastbook ครับ วิดีโอเปรียบเทียบอยู่ท้ายข่าว ส่วนคนที่อยากรู้เบื้องหลังการทำแอพตัวนี้ดูได้จาก Sencha ครับ
ที่มา - Develop In The Cloud
on
webview ใน ios ไม่มี nitro
niranpr Thu, 20/12/2012 - 23:10
webview ใน ios ไม่มี nitro engine ครับ ถ้าจะเทียบต้องเทียบ webview ใน app กับ native app
ไม่ใช่เอา safari ไปเทียบกับ native app
code ชุดเดียวกัน run ใน webview กับ safari นี่ performance ต่างกันอื้อซ่า ซึ่งประเด็นนี้เป็นไปไม่ได้ที่ทีม sencha จะไม่รู้ แต่กลับเอามาเทียบกันแบบนี้ผมว่าดูไม่ดีเลย (office ผมก็ใช้ ext มานานแล้วนะ ไม่ได้ anti)
+1 ... tl;dr ถ้าทำใน phonegap
NarzE Fri, 21/12/2012 - 01:03
In reply to webview ใน ios ไม่มี nitro by niranpr
+1 ... tl;dr ถ้าทำใน phonegap รับประกันว่าไม่ลื่นขนาดนี้
JavaScript มีส่วนแน่นอน
anu Fri, 21/12/2012 - 04:12
In reply to webview ใน ios ไม่มี nitro by niranpr
JavaScript มีส่วนแน่นอน แต่ลองเล่นผ่าน Chrome บน iOS ดูครับ ไวกว่า Facebook Native อยู่ดี
เขาเน้นการบริหารจัดการ DOM ครับ เนื่องจาก App ใหญ่ๆ แบบนี้ DOM จะใหญ่มาก เขาทำการแยกออกมาเป็น iframe ย่อย แต่ก็จะส่งผลให้มีปัญหาเรื่องการใช้ JavaScript ข้าม iframe เขาก็แก้ปัญหาด้วยการใช้ Framework ครอบอีกชั้นนึง และยังใช้ Proxy กรองข้อมูล Feed ที่ไม่จำเป็นออกครับ (Facebook Native iOS ยังใช้ HTML มากอยู่) ส่งผลให้ขนาดของข้อมูลลดลงเหลือเพียง 10% นอกจากนี้ยังมี Queue Framework ไว้บริหารจัดการลำดับขั้นตอนต่างๆ ของ App ให้ "รู้สึก" เร็วและตอบสนองดีขึ้น รวมไปถึงแอนิเมชั่นด้วยครับ
น่าสนใจ
leonoinoi Thu, 20/12/2012 - 23:10
น่าสนใจ แต่เป็นเพราะเครื่องมันเร็วหรือเปล่า ถ้าไปใช้บน android รุ่นเล็กน่าจะแย่
นามสกุล งูเย็น
Sephanov Thu, 20/12/2012 - 23:12
นามสกุล งูเย็น อีกละ
ข่าวต่อไป Facebook ซื้อ Sencha -*-
อูยยย...
Bluetus Thu, 20/12/2012 - 23:12
อูยยย...
Galaxy Nexus ทั้ง 2
Priesdelly Thu, 20/12/2012 - 23:16
Galaxy Nexus ทั้ง 2 เครื่องเวลาไม่เท่ากัน
ปล. แค่สังเกตไปเจอ ไม่เกี่ยวอะไรกับข่าวเลย
อัยย่ะ กำลังทำโปรเจคที่ใช้
kinnykop Thu, 20/12/2012 - 23:21
อัยย่ะ กำลังทำโปรเจคที่ใช้ sencha อยู่ มีแรงฮึกเหิมเลย 555
มันน่าจะเป็นเรื่องการ โหลด
boykeng Thu, 20/12/2012 - 23:27
มันน่าจะเป็นเรื่องการ โหลด มาแสดงผลนะครับ อาจจะมี ระบบ security ที่่ซ้อน อยู่ เลยทำให้มันทำงานช้า
ซอฟแวร์ส่วนใหญ่ ทำงานช้ากว่าที่ตั้งใจไว้ ก็เพราะระบบ รักษาความปลอดภัย
ผมก็คิดแบบนี้เหมือนกัน HTML5
l2aelba Fri, 21/12/2012 - 00:53
In reply to มันน่าจะเป็นเรื่องการ โหลด by boykeng
ผมก็คิดแบบนี้เหมือนกัน HTML5 กับ JS ใน iOS ก็ลื่นนะ คนที่บ่นว่าช้า ไม่ใช่ช้าแบบกระตุกแบบในเกม แต่มีปัญหาเรื่งการโหลดข้อมูลมาแสดงผลมากกว่า
ถ้าลองทำ App Facebook แล้วใส่ข้อมูลสำเร็จรูปมาเลย ก็พอๆกันเลยละ
ลองใช้แล้ว ก็ยังว่าช้ากว่า
kohsija Thu, 20/12/2012 - 23:43
ลองใช้แล้ว ก็ยังว่าช้ากว่า native อยู่แบบรู้สึกได้อยู่ดีครับ โดยเฉพาะตอนโหลดข้อมูล
เจ๋งดีนะเนี่ย
inkirby Thu, 20/12/2012 - 23:47
เจ๋งดีนะเนี่ย
ไม่เชื่อ Sencha
best Fri, 21/12/2012 - 00:08
ไม่เชื่อ Sencha ครับ
ยิ่งบนandroid นะ เหอๆๆๆ
Native app ของ IOS กับ
SaMzAn Fri, 21/12/2012 - 00:08
Native app ของ IOS กับ Andriod ต่างกันฟ้ากับเหวเลย
native app บน android
Lightwave Fri, 21/12/2012 - 00:57
native app บน android ยังไม่ลื่นไหลเท่าไรเลยครับ m.facebook.com ยังเร็วกว่าอยู่ดี แถมสมูทกว่า...
ผมว่า HTML5 มันให้ แบรน์วิธ
NgOrXz Fri, 21/12/2012 - 01:29
ผมว่า HTML5 มันให้ แบรน์วิธ สูงกว่าแบบ Native ทำให้การใช้งานพร้อมๆ กันเป็นพันๆ ล้านคน ทำให้การส่งข้อมูลมันช้าลงด้วย ไม่เหมือน native ที่มีการประมวลผลแสดง UI ได้ด้วยใช้ CPU ของเครื่องทำ และแค่นำ data มาแสดง
ที่เป็นแอพ
Sam_Team Fri, 21/12/2012 - 03:26
In reply to ผมว่า HTML5 มันให้ แบรน์วิธ by NgOrXz
ที่เป็นแอพ เขาไม่ทำโครงร่างไว้ที่ แอพ หรอ แล้วโหลดข้อมูล เป็น xml json ไรก็ว่าไป หรอ #ไม่เคยเขียน
ไปทำการบ้านมาดีๆ ก่อนครับ
EThaiZone Fri, 21/12/2012 - 13:50
In reply to ผมว่า HTML5 มันให้ แบรน์วิธ by NgOrXz
ไปทำการบ้านมาดีๆ ก่อนครับ HTML5 ก็ทำ UI บนเครื่องครับ คนเขียน phonegap ทุกคนรู้ดี ดึงแต่ json อย่างเดียวครับ
แต่ Fastbook ใช้งานผ่าน
PaPaSEK Fri, 21/12/2012 - 14:03
In reply to ไปทำการบ้านมาดีๆ ก่อนครับ by EThaiZone
แต่ Fastbook ใช้งานผ่าน browser เป็นเว็บเซอร์วิสนะครับ
ผมว่ามันไม่เกี่ยวกับเรื่องแบน
inkirby Fri, 21/12/2012 - 14:07
In reply to ผมว่า HTML5 มันให้ แบรน์วิธ by NgOrXz
ผมว่ามันไม่เกี่ยวกับเรื่องแบนด์วิธเท่าไหร่หรอกครับ เพราะว่าทั้งสองตัวมันก็ดึงข้อมูลมาแสดงที่เครื่องเราเองอยู่ดี
HTML5 มันโหลดมากกว่าก็แค่ตอนเปิดครั้งแรกเท่านั้นแหละครับ คือโหลด UI นิดๆ หน่อยๆ แล้วที่เหลือก็แสดงผลเองอยู่ดี ยิ่งถ้าเก็บไฟล์ที่มี UI เขียนด้วย HTML5 แล้วยิ่งไม่เกี่ยวกับแบนด์วิธเลยครับ...
เอามาเล่นเป็น mini facebook
Ekae Fri, 21/12/2012 - 02:02
เอามาเล่นเป็น mini facebook บนคอมก็สนุกดีนะ
บน android ผมว่ายังไง native
ReEnter11 Fri, 21/12/2012 - 02:53
บน android ผมว่ายังไง native ก็ดีกว่า
น่าจะทำให้เสร็จนะ
equilibrate Fri, 21/12/2012 - 03:56
น่าจะทำให้เสร็จนะ เพราะเจ้านี้ทำให้เล่น Facebook จากจีนได้
เสียดายที่ฟังก์ชั่นไม่ครบ กลับไป VPN ดังเดิม 555
ผมก็อยากขอร้องเค้าให้ทำให้เสร
tgtong44 Fri, 21/12/2012 - 12:31
In reply to น่าจะทำให้เสร็จนะ by equilibrate
ผมก็อยากขอร้องเค้าให้ทำให้เสร็จ เพราะผมก็อยู่จีน เมื่อกี้ลองเล่นดูเข้าได้ด้วย แต่ถึงผมขอร้องนักพัฒนาติดต่อทางเมลขอให้ทำให้เสร็จ เค้าคงไม่ว่างมานั่งทำให้หรอก
เร็วจริงอะไรจริงครับ ลื่นกว่า
xxa Fri, 21/12/2012 - 06:36
เร็วจริงอะไรจริงครับ ลื่นกว่า smooth กว่า native บน android จริงๆ
ผมใช้ Nexus7 ไม่เห็นต่าง!
PathSNW Fri, 21/12/2012 - 08:25
ผมใช้ Nexus7 ไม่เห็นต่าง! เพราะใช้Wifiโหลดด้วยกันทั้งคู่5555
เรื่องความลื่น
PaPaSEK Fri, 21/12/2012 - 09:37
In reply to ผมใช้ Nexus7 ไม่เห็นต่าง! by PathSNW
เรื่องความลื่น เรื่องประสิทธิภาพในการแสดงผลไม่ได้เกี่ยวดับ WiFi อยู่แล้วครับ
ข่าวนี้เน้นไปที่ประสิทธิภาพในการแสดงผลครับ ไม่ได้พูดถึงความเร็วของระบบเชื่อมต่อ
ท่าทางจะไม่ค่อยรู้เรื่องนะ
hononbier Fri, 21/12/2012 - 12:29
In reply to ผมใช้ Nexus7 ไม่เห็นต่าง! by PathSNW
ท่าทางจะไม่ค่อยรู้เรื่องนะ 555555555
จะใช้งานแนวนอนบนมือถือทำไมครั
Eka-X Fri, 21/12/2012 - 10:15
จะใช้งานแนวนอนบนมือถือทำไมครัฟ ใช้แนวตั้งดีแล้ว ยกเว้นตอนดูภาพค่อยหมุนแนวนอนได้
ตัว HTML5 รันบน browser นี่
TeamKiller Fri, 21/12/2012 - 12:37
ตัว HTML5 รันบน browser นี่ น่าจะเทียบกับทำเป็นแอป ติดลงเครื่องไปมากกว่า
แน่จริงต้องเขียนบน android
onlinekg Fri, 21/12/2012 - 14:29
แน่จริงต้องเขียนบน android แล้วเอามา run บนเครื่องรุ่นเก่าอย่างเช่น Galaxy 1, แล้วจะรู้ว่ามันต่างกันยังไง :P
แล้วเค้าวัดการกินทรัพยากรณ์เข
tanit9999 Fri, 21/12/2012 - 15:11
แล้วเค้าวัดการกินทรัพยากรณ์เข้าไปด้วยหรือเปล่าหว่า = =!!
รู้แต่ว่าเครื่องผมเปิดหน้า
mr_tawan Fri, 21/12/2012 - 17:41
รู้แต่ว่าเครื่องผมเปิดหน้า API ของ ExtJS แล้วค้างน่ะ ...
(Chrome รันบน Windows เครื่องเป็น Pentium 4 2.4)