HTML5

ถ้ายังจำกันได้ Mark Zuckerberg ในตอนแรกนั้นเชื่อมั่นใน HTML5 จนหยิบมาทำแอพเพื่อใช้ในทุกแพลตฟอร์ม แต่ท้ายที่สุดก็ยอมรับว่ามีปัญหาเรื่องประสิทธิภาพ และเปลี่ยนไปทำแอพด้วย native แทน

จากเหตุการณ์ดังกล่าว Sencha ผู้ให้บริการเครื่องมือ และเฟรมเวิร์คสำหรับพัฒนา HTML5 เห็นต่างว่า HTML5 น่าจะทำได้ดีกว่านั้น จึงทำการทดลองเขียนแอพ Facebook ด้วย HTML5 ในชื่อ Fastbook แล้วจับมาเทียบกับกับแอพ Facebook ที่เขียนด้วย native ทั้งบน iOS และ Android

ผลปรากฏว่าแอพที่ Sencha เขียนขึ้นมานั้นประสิทธิภาพพอๆ กับแอพ native แถมยังโหลดข้อมูลได้มากกว่า และใช้งานแอพได้หลายรูปแบบกว่า (เช่นแนวนอน) ตรงจุดนี้ Sencha บอกว่าการที่แอพของ Facebook นั้นประสิทธิภาพไม่ดีน่าจะมาจากการเลือกเครื่องมือในการพัฒนาไม่ถูกต้องมากกว่า

ใครที่สนใจอยากทดลอง สามารถเข้าไปลองได้ที่ Fastbook ครับ วิดีโอเปรียบเทียบอยู่ท้ายข่าว ส่วนคนที่อยากรู้เบื้องหลังการทำแอพตัวนี้ดูได้จาก Sencha ครับ

ที่มา - Develop In The Cloud

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

webview ใน ios ไม่มี nitro engine ครับ ถ้าจะเทียบต้องเทียบ webview ใน app กับ native app
ไม่ใช่เอา safari ไปเทียบกับ native app
code ชุดเดียวกัน run ใน webview กับ safari นี่ performance ต่างกันอื้อซ่า ซึ่งประเด็นนี้เป็นไปไม่ได้ที่ทีม sencha จะไม่รู้ แต่กลับเอามาเทียบกันแบบนี้ผมว่าดูไม่ดีเลย (office ผมก็ใช้ ext มานานแล้วนะ ไม่ได้ anti)

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 รุ่นเล็กน่าจะแย่

Priesdelly Thu, 20/12/2012 - 23:16

Galaxy Nexus ทั้ง 2 เครื่องเวลาไม่เท่ากัน
ปล. แค่สังเกตไปเจอ ไม่เกี่ยวอะไรกับข่าวเลย

มันน่าจะเป็นเรื่องการ โหลด มาแสดงผลนะครับ อาจจะมี ระบบ security ที่่ซ้อน อยู่ เลยทำให้มันทำงานช้า

ซอฟแวร์ส่วนใหญ่ ทำงานช้ากว่าที่ตั้งใจไว้ ก็เพราะระบบ รักษาความปลอดภัย

ผมก็คิดแบบนี้เหมือนกัน HTML5 กับ JS ใน iOS ก็ลื่นนะ คนที่บ่นว่าช้า ไม่ใช่ช้าแบบกระตุกแบบในเกม แต่มีปัญหาเรื่งการโหลดข้อมูลมาแสดงผลมากกว่า

ถ้าลองทำ App Facebook แล้วใส่ข้อมูลสำเร็จรูปมาเลย ก็พอๆกันเลยละ

Lightwave Fri, 21/12/2012 - 00:57

native app บน android ยังไม่ลื่นไหลเท่าไรเลยครับ m.facebook.com ยังเร็วกว่าอยู่ดี แถมสมูทกว่า...

ผมว่า HTML5 มันให้ แบรน์วิธ สูงกว่าแบบ Native ทำให้การใช้งานพร้อมๆ กันเป็นพันๆ ล้านคน ทำให้การส่งข้อมูลมันช้าลงด้วย ไม่เหมือน native ที่มีการประมวลผลแสดง UI ได้ด้วยใช้ CPU ของเครื่องทำ และแค่นำ data มาแสดง

ผมว่ามันไม่เกี่ยวกับเรื่องแบนด์วิธเท่าไหร่หรอกครับ เพราะว่าทั้งสองตัวมันก็ดึงข้อมูลมาแสดงที่เครื่องเราเองอยู่ดี

HTML5 มันโหลดมากกว่าก็แค่ตอนเปิดครั้งแรกเท่านั้นแหละครับ คือโหลด UI นิดๆ หน่อยๆ แล้วที่เหลือก็แสดงผลเองอยู่ดี ยิ่งถ้าเก็บไฟล์ที่มี UI เขียนด้วย HTML5 แล้วยิ่งไม่เกี่ยวกับแบนด์วิธเลยครับ...

น่าจะทำให้เสร็จนะ เพราะเจ้านี้ทำให้เล่น Facebook จากจีนได้

เสียดายที่ฟังก์ชั่นไม่ครบ กลับไป VPN ดังเดิม 555

ผมก็อยากขอร้องเค้าให้ทำให้เสร็จ เพราะผมก็อยู่จีน เมื่อกี้ลองเล่นดูเข้าได้ด้วย แต่ถึงผมขอร้องนักพัฒนาติดต่อทางเมลขอให้ทำให้เสร็จ เค้าคงไม่ว่างมานั่งทำให้หรอก

เรื่องความลื่น เรื่องประสิทธิภาพในการแสดงผลไม่ได้เกี่ยวดับ WiFi อยู่แล้วครับ

ข่าวนี้เน้นไปที่ประสิทธิภาพในการแสดงผลครับ ไม่ได้พูดถึงความเร็วของระบบเชื่อมต่อ