การแสดงไอที

รวมทั้งมีของที่ด้านล่างของเอกสาร HTML

หากคุณไม่ได้มี document.write (หรือสร้างแบบไดนามิกของเนื้อหาหน้าโดยใช้ javascripts) เพื่อแทรกเป็นส่วนหนึ่งของเนื้อหาของหน้าเว็บในสคริปต์ของคุณให้ย้ายสคริปต์รวมคำสั่งที่ด้านล่างของหน้าก่อนที่จะสิ้นสุดของแท็กร่างกาย
HTTP/1.1 สเปคแสดงให้เห็นว่าเบราว์เซอร์ดาวน์โหลดไม่เกินสององค์ประกอบในแบบคู่ขนานต่อโฮสต์ หากคุณเป็นภาพของคุณจากชื่อโฮสต์หลายท่านจะได้รับมากกว่าสองการดาวน์โหลดจะเกิดขึ้นในแบบขนาน ในขณะที่สคริปต์จะถูกดาวน์โหลด แต่เบราว์เซอร์จะไม่เริ่มการดาวน์โหลดอื่​​น ๆ แม้ในชื่อโฮสต์ที่แตกต่างกัน
นอกจากนี้ยังมีวิธีการสร้างแบบไดนามิกโหนด SCRIPT และโหลดสคริประยะไกลหลังจากที่โหลดหน้าเว็บแล้วใช้ AJAX

Externalise คุณมีของ

การใช้ไฟล์ JavaScript ภายนอกจะมีผลในการโหลดได้เร็วขึ้นจากหน้าเว็บเพราะเป็นไฟล์ JavaScript เก็บไว้โดยเบราว์เซอร์ Inline JavaScript ของ 'ในเอกสาร HTML ได้รับการดาวน์โหลดเวลาเอกสาร HTML มีการร้องขอทุก นี้ที่จริงอาจจะลดจำนวนการร้องขอ HTTP ทำ แต่มันก็เพิ่มขนาดของเอกสาร HTML ภายนอกมีของที่เก็บไว้โดยเบราว์เซอร์; ขนาดของเอกสาร HTML จะลดลงได้โดยไม่ต้องเพิ่มจำนวนของการร้องขอ HTTP
โปรดทราบว่าหากผู้ใช้บนเว็บไซต์ของคุณมีมุมมองที่หน้าหลายต่อหลายเซสชั่นและหน้าเว็บของคุณกลับมาใช้สคริปเดียวกันและ stylesheets มีผลประโยชน์ที่อาจเกิดขึ้นได้มากขึ้นจากไฟล์ภายนอกแคช

แพ็คไฟล์ JavaScript ของคุณ

ในกรณีที่ JavaScripts ซึ่งแตกต่างจาก CSS, ไฟล์อาจ crunched โดยใช้กลไกมาตรฐานบางอย่างที่จะให้ขนาดไฟล์ที่ลดลงกว่าเพียงแค่การลบช่องว่างหรือแท็บ ตัวอย่างของการบรรจุหีบห่อจาวาสคริปต์ที่สามารถพบได้ที่นี่ http://dean.edwards.name/packer/

รับกำจัดของสคริปซ้ำ ๆ

มันเป็นเรื่องปกติมากที่สคริปทั้งอาจจะมีการซ้ำกัน แต่ความคิดเห็นของสิบชั้นนำของสหรัฐเว็บไซต์แสดงให้เห็นว่าทั้งสองของพวกเขามีสคริปต์ที่ซ้ำกัน ซ้ำสคริปต์ แต่เห็นได้ชัดลดประสิทธิภาพการทำงานโดยการสร้างการร้องขอ HTTP ที่ไม่จำเป็นและสิ้นเปลือง JavaScript ดำเนินการ
นอกจากนี้ในหลายกรณีที่แม้ว่าชื่อสคริปต์จะแตกต่างกันมีโอกาสในการเขียนสคริปต์ที่ซ้ำกันภายในหน้าเดียวกันเนื่องจากขนาดของทีมและจำนวนของสคริปต์

ลดการเข้าถึงองค์ประกอบ DOM ที่เป็นไปได้

การเข้าถึงองค์ประกอบ DOM กับ JavaScript ช้าดังนั้นเพื่อให้มีการตอบสนองมากขึ้นหน้าคุณควรจะ:
•ลำดับที่แคชองค์ประกอบเข้าถึงได้
•โหนดปรับปรุง "ออฟไลน์" แล้วเพิ่มเข้าไปในต้นไม้
•หลีกเลี่ยงการแก้ไขเค้าโครงด้วย JavaScript

พฤติกรรมการแยกต่างหากจากเนื้อหาและการนำเสนอ

เช่นเดียวกับที่เรานำเสนอที่แยกต่างหาก (CSS / XSLT) จากเนื้อหา (XHTML / XML) เรายังควรแยกพฤติกรรม (Javascript) นี้เรียกว่าจาวาสคริปต์ไม่เป็นการรบกวน เช่นเดียวกับที่เราเชื่อมโยงไปยังไฟล์ CSS ภายนอกเราควรเชื่อมโยงไปยังไฟล์จาวาสคริปต์ภายนอก

แทนการเข้ารหัสพฤติกรรมอย่างหนักในเนื้อหา (เช่น onmouseover, OnClick, ฯลฯ ), พฤติกรรมที่ควรจะเพิ่มแบบไดนามิกไปยังองค์ประกอบชั้นเรียนและองค์ประกอบที่ไม่ซ้ำกัน (IDS) ใช้ DOM เอกสารพื้นฐานเนื้อหาที่ควรมีเพียงที่ถูกต้อง XHTML / XML และจาวาสคริปต์ไม่มี
Javascript ควรเพิ่มเนื้อหาได้โดยการเพิ่มพฤติกรรม เนื้อหาจะยังคงมีประโยชน์และสามารถใช้งานได้โดยไม่ต้องใช้จาวาสคริปต์ (หรือโดยการสนับสนุนจาวาสคริปต์เต็ม)