Cordova - แนวทางปฏิบัติที่ดีที่สุด

Cordova ใช้สำหรับสร้างแอพมือถือแบบไฮบริดดังนั้นคุณต้องพิจารณาสิ่งนี้ก่อนที่จะเลือกใช้สำหรับโครงการของคุณ ด้านล่างนี้คือแนวทางปฏิบัติที่ดีที่สุดสำหรับการพัฒนาแอป Cordova

แอปหน้าเดียว

นี่คือการออกแบบที่แนะนำสำหรับแอป Cordova ทั้งหมด SPA ใช้เราเตอร์ฝั่งไคลเอ็นต์และการนำทางที่โหลดไว้ในหน้าเดียว (โดยปกติคือindex.html). การกำหนดเส้นทางจัดการผ่าน AJAX หากคุณทำตามบทเรียนของเราคุณอาจสังเกตเห็นว่าปลั๊กอิน Cordova เกือบทุกตัวต้องรอจนกว่าอุปกรณ์จะพร้อมก่อนจึงจะสามารถใช้งานได้ การออกแบบสปาจะช่วยเพิ่มความเร็วในการโหลดและประสิทธิภาพโดยรวม

แตะกิจกรรม

เนื่องจาก Cordova ใช้สำหรับโลกเคลื่อนที่จึงใช้งานได้ตามธรรมชาติ touchstart และ touchend เหตุการณ์แทน clickเหตุการณ์ เหตุการณ์การคลิกมีความล่าช้า 300 มิลลิวินาทีดังนั้นการคลิกจึงไม่เกิดขึ้นเอง ในทางกลับกันกิจกรรมการสัมผัสไม่รองรับในทุกแพลตฟอร์ม คุณควรคำนึงถึงสิ่งนี้ก่อนตัดสินใจว่าจะใช้อะไร

ภาพเคลื่อนไหว

คุณควรใช้ฮาร์ดแวร์เร่งเสมอ CSS Transitions แทนที่จะเป็นภาพเคลื่อนไหว JavaScript เนื่องจากจะทำงานได้ดีกว่าบนอุปกรณ์เคลื่อนที่

การจัดเก็บ

ใช้แคชการจัดเก็บข้อมูลให้มากที่สุด การเชื่อมต่อเครือข่ายมือถือมักจะไม่ดีดังนั้นคุณควรลดการโทรในเครือข่ายภายในแอปของคุณ คุณควรจัดการสถานะออฟไลน์ของแอพด้วยเนื่องจากจะมีบางครั้งที่อุปกรณ์ของผู้ใช้ออฟไลน์

การเลื่อน

เวลาส่วนใหญ่ที่ช้าแรกในแอปของคุณจะเป็นการเลื่อนรายการ มีสองวิธีในการปรับปรุงประสิทธิภาพการเลื่อนของแอป คำแนะนำของเราคือใช้การเลื่อนแบบเนทีฟ เมื่อมีรายการจำนวนมากในรายการคุณควรโหลดบางส่วน ใช้รถตักเมื่อจำเป็น

รูปภาพ

รูปภาพยังทำให้แอปบนอุปกรณ์เคลื่อนที่ช้าลง คุณควรใช้ CSS image sprite ทุกครั้งที่ทำได้ พยายามจัดวางภาพให้พอดีแทนการปรับขนาด

สไตล์ CSS

คุณควรหลีกเลี่ยงเงาและการไล่ระดับสีเนื่องจากจะทำให้เวลาในการแสดงผลของหน้าช้าลง

การทำให้เข้าใจง่าย

DOM ของเบราว์เซอร์ทำงานช้าดังนั้นคุณควรพยายามลดการจัดการ DOM และจำนวนองค์ประกอบ DOM ให้น้อยที่สุด

การทดสอบ

ตรวจสอบให้แน่ใจว่าคุณได้ทดสอบแอปบนอุปกรณ์และเวอร์ชันระบบปฏิบัติการให้มากที่สุด หากแอปทำงานได้อย่างไม่มีที่ติบนอุปกรณ์เครื่องหนึ่งก็ไม่จำเป็นหมายความว่าแอปจะทำงานบนอุปกรณ์หรือแพลตฟอร์มอื่น ๆ