ความสำคัญของการเพิ่มประสิทธิภาพโค้ดในการออกแบบเว็บ

เนื่องจากอินเทอร์เน็ตเป็นสิ่งมีชีวิตที่มีการเปลี่ยนแปลงและพัฒนาอยู่ตลอดเวลา การสร้างเว็บไซต์ที่สามารถเปลี่ยนแปลงและเติบโตไปพร้อมๆ กับอินเทอร์เน็ตจึงเป็นสิ่งสำคัญมากเช่นกัน การที่จะไม่ได้รับผลกระทบจากคลื่นกระแทกของอินเทอร์เน็ตเมื่อโลกออนไลน์เข้ามา การเปลี่ยนแปลง

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

เมื่อเครือข่ายขยายตัว เทคโนโลยีที่ใช้ในเครือข่ายก็มีการพัฒนาอย่างต่อเนื่องเช่นกัน HTML มีอยู่ในอินเทอร์เน็ตมาเป็นเวลานาน และได้ก่อให้เกิดอนุพันธ์มากมายในระหว่างการพัฒนาอย่างต่อเนื่อง

อันดับแรกมาด้วย Javascript จากนั้นจึงมาด้วย CSS, XML และ AJAX การนำ HTML5 มาใช้อย่างแพร่หลายนั้นอยู่ใกล้แค่เอื้อม โดย Firefox, Safari, Opera และ Chrome ล้วนรองรับ HTML5 (IE ยังล้าหลังกว่าเมื่อก่อน)

ในบทความนี้ ฉันจะนำ Wangyi Technology www.idccss.com มาเป็นตัวอย่างในการศึกษาพื้นฐานของมาตรฐานเครือข่าย มันคืออะไร มีความหมายต่อคุณอย่างไร ฉันจะชี้ให้เห็นถึงบางสิ่งที่สำคัญมาก แต่ในเวลาปกติ ปัญหานั้น ที่ทุกคนมองข้ามได้ง่าย

เครื่องหมาย "สะอาด" หมายถึงอะไร?

กล่าวโดยสรุป นี่หมายถึงการขจัดความยุ่งเหยิงและทำให้มาตรฐานเข้ากันได้ โดยใช้แท็กและโครงสร้างเดียวกันสำหรับภาษาต่างๆ

HTML ที่ชัดเจนสามารถลดการใช้แท็กที่ไม่จำเป็น กำจัดสิ่งที่ไม่จำเป็น และใช้มาร์กอัปขนาดเล็กมากเพื่อทำงานให้สำเร็จได้ ไม่ใช้คุณสมบัติที่ไม่จำเป็น เช่น CSS โครงสร้างและการจัดระเบียบของแต่ละไฟล์ ในทำนองเดียวกัน clean CSS ควรหลีกเลี่ยงการทำซ้ำและใช้ประโยชน์จากทรัพยากรที่มีอยู่ การปฏิบัติตามมาตรฐานหมายความว่าเพจของคุณสอดคล้องกับมาตรฐาน HTML, CSS และ XML ที่เผยแพร่โดย W3C หมายถึงการใช้ W3C เพื่อตรวจจับข้อผิดพลาด แก้ไข และทดสอบจนกว่าหน้าเว็บของคุณจะใช้งานได้ 100 เปอร์เซ็นต์

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

ฉันมักจะคิดว่า: "การคิดเร็วทำให้คุณเลอะเทอะ และการมาร์กอัปในรูปแบบมาตรฐานที่สะอาดตาใช้เวลานาน" และมักจะพูดว่า: "วิธีนี้ใช้ได้ผลอยู่แล้ว นี่เป็นวิธีที่ดีที่สุดที่จะทำ" สำคัญ "แน่นอน จนถึงตอนนี้มันได้ผลสำหรับคุณแล้ว แต่แล้วปีหน้าล่ะ สามปีต่อจากนี้ เบราว์เซอร์ใหม่จะมีผลกระทบอะไรบ้าง?

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

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

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

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

ความสามารถในการปรับขนาด การเข้าถึง การเปลี่ยนแปลง และมาตรฐานในอนาคต

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

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

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

สิ่งที่ควรทำและไม่ควรทำ

ใช้แท็กเช่นเดียวกับที่คุณคิด ตัวอย่างเช่น: h1 คือระดับสูงสุดบนหน้าเว็บ ตามด้วย h2, h3 และอื่นๆ ควรมีแท็กย่อย h1 เพียงแท็กเดียวในแต่ละหน้า

ตั้งชื่อมาตรฐานและรหัส CSS ของคุณอย่างมีความหมาย และถามตัวเองว่าคนอื่นสามารถบอกได้ไหมว่าชื่อนี้หมายถึงอะไร ชื่อก็น่าสนใจเช่นกัน: #box12 หรือ #commentscale?

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

ใช้ HTML, CSS และ XML ของคุณเพื่อแก้ไขข้อผิดพลาดให้ได้มากที่สุด ให้ความสนใจกับคำเตือนที่สร้างขึ้นด้วย

ตรวจสอบโค้ดที่สร้างแบบ WYSIWYG อย่างละเอียด และดำเนินการล้างโค้ดที่จำเป็น รหัสเหล่านี้บวม ซ้ำซ้อน และมีขยะที่ไม่จำเป็นและไร้ประโยชน์จำนวนมาก

อย่าแทรกการจัดรูปแบบอินไลน์และแท็กและแอตทริบิวต์ที่ไม่เกี่ยวข้องเพียงเพราะคุณกำลังรีบ

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