เพื่อเพิ่มประสิทธิภาพหน้าเว็บและเพิ่มความเร็วในการดาวน์โหลดหน้าเว็บ นอกเหนือจากการปรับรูปภาพให้เหมาะสมแล้ว เรายังจำเป็นต้องปรับองค์ประกอบอื่นๆ ของหน้าเว็บให้เหมาะสมด้วย หากคุณสามารถใช้เครื่องมือแก้ไขได้อย่างเต็มที่ในระหว่างกระบวนการทอผ้า คุณก็บรรลุวัตถุประสงค์ในการเพิ่มประสิทธิภาพในการผลิตเว็บได้เช่นกัน ต่อไปนี้เป็นเทคนิคการเพิ่มประสิทธิภาพใน Dreamweaver:
เมื่อเรียกใช้ CSS
สำหรับการออกแบบเว็บอย่างถูกต้อง การใช้ CSS สไตล์ชีตเพื่อจัดเรียงองค์ประกอบของหน้าสามารถลดโค้ด HTML ได้อย่างมาก เรารู้เรื่องนี้อยู่แล้ว
วิธีการ:
(1) เลือกวัตถุและเลือกสไตล์ที่กำหนดจากเมนูคลิกขวาเพื่อเพิ่ม (2) เลือกสไตล์สำหรับวัตถุจากแผงสไตล์
(3) คลิกขวาที่ป้ายกำกับบนตัวเลือกป้ายกำกับ เลือก สไตล์
แม้ว่าเอฟเฟกต์หน้าที่ได้รับจากทั้งสามวิธีนี้จะเหมือนกัน แต่เนื่องจากวิธีแรกจะสร้างแท็ก "span" ในโค้ด HTML หากใช้มากเกินไปจะเพิ่มความสมบูรณ์ของไฟล์ต้นฉบับของหน้าเว็บอย่างมากและส่งผลต่อความเร็วในการดาวน์โหลด . ดังนั้นเมื่อเรียก CSS ควรใช้วิธีที่สองและสาม
ลดภาระบนเซิร์ฟเวอร์
ในหน้าเว็บแบบโต้ตอบ ผู้ใช้มักจะส่งข้อมูลไปยังเซิร์ฟเวอร์ผ่านแบบฟอร์ม รอให้เซิร์ฟเวอร์ประมวลผลข้อมูล และกลับสู่เบราว์เซอร์... กระบวนการรอนั้นน่ารำคาญมาก ด้วยเหตุนี้เมื่อเราแก้ไขหน้าเว็บเราจึงต้องคำนึงถึงเซิร์ฟเวอร์ด้วย เมื่อสร้างหน้าเว็บใน Dreamweaver หนึ่งในสิ่งที่ดีที่สุดที่สามารถลดภาระบนเซิร์ฟเวอร์ได้คือการตรวจสอบความถูกต้องตามกฎหมายของแบบฟอร์มที่ผู้ใช้ส่งมา จะต้องดำเนินการในฝั่งเบราว์เซอร์เท่านั้นโดยไม่ต้องกลับไปที่เซิร์ฟเวอร์เพื่อตรวจสอบ ซึ่งไม่เพียงแต่ช่วยลดภาระบนเซิร์ฟเวอร์เท่านั้น แต่ยังช่วยลดภาระบนเซิร์ฟเวอร์อีกด้วย และทำให้ผู้ชมรู้สึกเศร้าใจน้อยลงในการรอคอย วิธีการ: เลือกแบบฟอร์ม เปิดแผง "พฤติกรรม" คลิกเครื่องหมาย "+" เพื่อเลือก "ValidateForm" จากนั้นตั้งค่า อย่างไรก็ตาม โปรดทราบว่ากระบวนการตรวจสอบนี้ใช้ JavaScript ในการตรวจสอบทางฝั่งเบราว์เซอร์จริงๆ เมื่อดำเนินการข้างต้นใน Dreamweaver มันจะวางโค้ด JavaScript นี้ไว้ที่ส่วนหัวและตรงกลางของหน้าเว็บ ซึ่งจะทำให้เวลาในการแสดงหน้าเว็บเต็มนานขึ้นอย่างแน่นอน เนื่องจากเบราว์เซอร์จะต้องดาวน์โหลดโค้ดนี้ก่อนจึงจะดาวน์โหลดองค์ประกอบอื่น ๆ ของหน้าได้ . ดังนั้นจึงเป็นการดีที่สุดที่จะเปิดตัวแก้ไขโค้ดใน Dreamweaver ตัดและวางสคริปต์นี้ที่ส่วนท้ายของซอร์สโค้ด และปล่อยให้ดาวน์โหลดในตอนท้าย นอกจากนี้ เมื่อเราเพิ่มเอฟเฟกต์สคริปต์ JavaScript ให้กับหน้าเว็บ หากคุณไม่ต้องการให้มีผลทันทีเมื่อหน้าเว็บปรากฏขึ้น คุณก็ตั้งค่าเช่นนี้ได้เช่นกัน
"ชาลดน้ำหนัก" ด้วยตนเอง
ปัจจุบันมี "ชาลดน้ำหนัก" มากมายบนหน้าเว็บ และเราสามารถค้นหาได้ทุกที่ ใน Dreamweaver เราไม่จำเป็นต้องมองหา "ชาลดน้ำหนัก" ทุกที่ ฟังก์ชั่น " สามารถทำให้เว็บเพจ "บางและน่าอยู่" ได้
วิธีการ: เลือก "Clean upHTML" ใต้เมนู "Commands" เพื่อตั้งค่าการตั้งค่าเพื่อล้างโค้ดที่ซ้ำซ้อนบนหน้าเว็บ
ด้วยการใช้ตารางอย่างมีเหตุผล
เราไม่เพียงแต่ต้องลดภาระบนเซิร์ฟเวอร์เท่านั้น แต่ยังลดภาระบนเบราว์เซอร์ที่เราใช้ด้วย นั่นคือเราจะต้องลดระยะเวลาการแยกวิเคราะห์ของเบราว์เซอร์สำหรับเพจให้มากที่สุด การเพิ่ม สคริปต์ JavaScript ที่กล่าวถึงข้างต้นเป็นตัวอย่าง สิ่งที่ส่งผลต่อการแยกวิเคราะห์หน้าเว็บของเบราว์เซอร์ก็คือตาราง เนื่องจากเวลาการแยกวิเคราะห์ของเบราว์เซอร์สำหรับตารางนั้นแปรผันตามขนาดและความซับซ้อนของตาราง และสำหรับการจัดเรียงเค้าโครงใน Dreamweaver เราได้เพิ่มตารางจำนวนมากสำหรับการวางตำแหน่ง บางคนถึงกับรวมตารางเล็กๆ หลายตารางไว้ในตารางขนาดใหญ่ ซึ่งเพิ่มภาระให้กับเบราว์เซอร์เป็นหลัก และทำให้เวลาในการแสดงผลหน้าเว็บยาวนานขึ้นอย่างมาก ด้วยเหตุนี้ เมื่อใช้ตาราง ควรแบ่งตารางให้มากที่สุด และควรหลีกเลี่ยงตารางให้มากที่สุด