ปรับปรุงประสิทธิภาพการทำงานของ jQuery รหัสของเรา

ฉันได้พบเสมอบทความที่น่าสนใจและการอภิปรายถึงวิธีการให้รหัสที่มีประสิทธิภาพมากขึ้นใด ๆ
ผมได้แจ้งให้ทราบเสมอเวลาที่ฉันพบว่าตัวเองหันหน้าไปทางภาษาใหม่แต่ละก่อนที่จะใช้ PHP, Java และแล้วแล้วกับกรอบ jQuery มันไม่เพียงเพื่อเพิ่มประสิทธิภาพการตอบสนองหรือเดียวที่จะทำให้ประสบการณ์ของผู้ใช้ได้เร็วขึ้นและมีส่วนร่วม
เรียนรู้วิธีการเพิ่มประสิทธิภาพของรหัสของคุณยังสะท้อนให้เห็นเกี่ยวกับคุณภาพของรหัสของตัวเองบางสิ่งบางอย่างที่ฉันได้จัดขึ้นเสมอ
ฉันคิดว่ามันจำเป็นที่จะต้องคิดว่าการทำงานเป็นโปรแกรมเมอร์ที่ของช่างฝีมือที่เป็นผลิตภัณฑ์ของเราเป็นสิ่งประดิษฐ์และเป็นเช่นนี้อาจจะมากกว่าหรือน้อยกว่าการกลั่น
มีหลายวิธีการเพื่อให้บรรลุผลเดียวกัน แต่บางคนดีกว่าคนอื่น แต่ไม่สำหรับทุกโครงการที่มีความสำคัญที่จะเอาใจใส่กับประสิทธิภาพการทำงานที่มักใช้เป็นวิธีที่ดีก็จะเป็นประโยชน์ในเวลาที่ต้องการ
มีหลายแหล่งข้อมูลออนไลน์ในการเพิ่มประสิทธิภาพของ jQuery ที่เคล็ดลับบางอย่างที่แพร่หลายนักวิชาการอื่น ๆ , อื่น ๆ ดูเหมือนขวางโลกแล้วคำสั่งซื้อที่น้อยและรายการที่สองทำเรายังได้ลงนามในประสบการณ์ตรงของการปฏิบัติที่ดีที่สุดที่เราไม่สามารถให้ได้

ใช้เวอร์ชั่นล่าสุดของกรอบ

อย่ากลัวที่จะไปที่รุ่นใหม่ของ jQuery, ย้อนกลับเข้ากันและมีการรับประกันแต่ละรุ่นจะนำการปรับปรุงที่สำคัญในการปฏิบัติงานที่มีการเขียนในส่วนของแกนและการปรับปรุงการเข้าใจในการทำงานที่ใช้มากที่สุด เพียงหนึ่งปล่อยต่อไปสำหรับการทำงานในบางเวลาพูดคุยเกี่ยวกับการประหารชีวิตลดลงถึง 50% ลองดูที่ภาพประกอบด้านล่างนี้ :

ใช้ทางลัดไปยัง DOM พร้อม

แทน :

 



 $ (เอกสาร). พร้อม (ฟังก์ชัน () {/ ตรรกะ * * * * /})

 

บันทึกไบต์บางอย่างโดยใช้ทางลัด :

 



 $ (function () {/ * ตรรกะ * /});

 

หมายถึงโหลดหน้าต่างตรรกะ

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

 $ ฟังก์ชัน (() {



  



 / / # ตรรกะที่นี่







 });







 โหลด $ (window). (function () {



  



 $ ("ButtonID") คลิก. (function () {



    



 / / # ตรรกะในการผูกปุ่มนี้



  



 });







 });

สคริปต์ Minificare

ก่อนอื่นผมขอแนะนำให้คุณติดตั้งใน Firefox (เป็น addon ของคุณ FireBug ) และปลั๊กอินใน Google หน้าของคุณความเร็วโครเมี่ยมที่คุณจะพบ ที่นี่ . นี้เครื่องมือที่มีประโยชน์เช่นเดียวกับให้คำแนะนำทั่วไปในการปรับปรุงประสิทธิภาพของหน้าเว็บของคุณมีคุณสมบัติที่มีคุณค่า : รุ่น minificata มีสคริปต์ทั้งหมดที่คุณพบว่าภายใน ยังไม่สำหรับ CSS และยังให้รุ่นที่ดีที่สุดของภาพ แต่ขอให้เราสะท้อนให้เห็นใน jQuery หนักของเราผมแนบสองหน้าจอนี้จะอธิบายได้ดีกว่าพันคำสิ่งที่คุณทำ :

หน้า Google ความเร็วตามที่ปรากฏใน Firebug :

คลิกที่บันทึกเป็น minificata รับรุ่นของสคริปต์ :

Minificare แต่ละสคริปต์บนหน้าเว็บที่คุณสามารถใช้เพื่อบัน​​ทึกการนับกิโลไบต์ดาวน์โหลด

• <<
• 1
• 2
• >>