การเพิ่มประสิทธิภาพโค้ดคือการปรับเปลี่ยนซอร์สโค้ด HTML ที่จำเป็นในหน้าเว็บเพื่อปรับปรุงประสิทธิภาพของเพจ หลังจากที่หน้าเว็บได้รับการปรับให้เหมาะสมแล้ว ในด้านหนึ่ง จะสามารถปรับปรุงโค้ดที่ซ้ำซ้อนในหน้าเว็บได้อย่างมีประสิทธิภาพ เพิ่มความเร็วในการแสดงผล ความเร็วของเพจและในขณะเดียวกันก็ลดประสิทธิภาพของเพจด้วย ซึ่งใช้พื้นที่เก็บข้อมูลของเซิร์ฟเวอร์เครื่องมือค้นหา ซึ่งจะช่วยปรับปรุงประสบการณ์ผู้ใช้และความเป็นมิตรของเครื่องมือค้นหาของเพจ ในทางกลับกัน ก็สามารถเน้นธีมของ หน้าและปรับปรุงความเกี่ยวข้องของหน้า
ขั้นตอนหลัก: การปรับปรุงโค้ด การเพิ่มประสิทธิภาพส่วนหัว การใช้ป้ายกำกับน้ำหนัก และการเพิ่มประสิทธิภาพรูปภาพ ในบรรดาลิงก์ทั้งสี่นี้ โค้ดที่เพรียวลมถือเป็นพื้นฐานและเป็นพื้นฐานที่สุด
1. การปรับปรุงโค้ดหมายถึงการล้างหรือลดความซับซ้อนของโค้ดในหน้า เพื่อลดขนาดหน้า ปรับปรุงประสบการณ์ผู้ใช้ และเพิ่มประสิทธิภาพกลไกค้นหาของหน้า
การปรับปรุงโค้ดแบ่งออกเป็นห้าขั้นตอนเล็ก ๆ : 1. การล้างโค้ดขยะ 2. การแปลงแท็ก HTML; 3. การเพิ่มประสิทธิภาพ CSS; 4. การเพิ่มประสิทธิภาพ JS และการปรับให้เหมาะสมของตาราง
1.1 รหัสขยะ หมายถึง รหัสที่ไม่จำเป็นซึ่งจะไม่ส่งผลกระทบต่อการแสดงหน้าเว็บตามปกติแม้ว่าจะถูกลบไปแล้วก็ตาม อย่าดูถูกดูแคลนโค้ดเหล่านี้ใช้พื้นที่มากซึ่งไม่เพียงส่งผลต่อประสิทธิภาพ แต่ยังส่งผลต่อเวลาในการคำนวณของเครื่องมือค้นหาด้วย ดังนั้นจึงเป็นการดีที่สุดที่จะเขียนโค้ดด้วยมือ และเครื่องมืออื่นๆ ในการเขียน รหัสขยะที่สร้างขึ้นจะมีอยู่เป็นจำนวนมาก ดังนั้น ให้ทำความสะอาดด้วยตนเอง
1.2 การแปลงแท็ก HTML ส่วนใหญ่หมายถึงการใช้แท็กสั้นเพื่อแทนที่แท็กยาวที่ให้ผลเช่นเดียวกันในหน้าเว็บ ตัวอย่างเช่น เป็นเวลาสองสัปดาห์ แบบอักษรเป็นตัวหนา แต่มีอักขระมากกว่าห้าตัวในสองสัปดาห์ หากมีหลายหน้า โค้ดที่ซ้ำซ้อนจำนวนมากจะถูกสร้างขึ้น
การเพิ่มประสิทธิภาพ 1.3 CSS การเพิ่มประสิทธิภาพ CSS ส่วนใหญ่เกี่ยวข้องกับการเปลี่ยนวิธีการเรียก CSS และการหลีกเลี่ยงการใช้ CSS เพื่อกำหนดสไตล์สำหรับเนื้อหาที่สำคัญ
การใช้ div+css เพื่อสร้างเพจสามารถป้องกันโค้ดขยะในด้านหนึ่ง และลดโค้ดที่ซ้ำกันในอีกด้านหนึ่ง วิธีนี้เป็นมิตรกับเครื่องมือค้นหามาก
การเพิ่มประสิทธิภาพ 1.4 js js ไม่เป็นมิตรกับเครื่องมือค้นหาอย่างยิ่ง ปัจจุบันเครื่องมือค้นหาไม่สามารถแยกวิเคราะห์หน้าหรือเนื้อหาที่สร้างโดย JavaScript ดังนั้นจึงไม่สามารถสร้างเนื้อหาที่สำคัญโดยใช้สคริปต์ js ได้
1.5 การเพิ่มประสิทธิภาพตาราง หน้าแบบเดิมใช้ตารางโดยทั่วไป อย่างไรก็ตาม วิธีนี้ไม่เป็นมิตรกับเครื่องมือค้นหามากนัก ดังนั้นจึงไม่แนะนำให้ใช้ตาราง
การต่อสู้เชิงปฏิบัติ: ทุกหน้าของระบบเตือนภัย gsm ของเว็บไซต์ของฉันเขียนด้วยลายมือ โดยแทบไม่มีโค้ดซ้ำซ้อน มีเพียงการแปลงแท็กเท่านั้น และฉันพยายามหลีกเลี่ยงบันทึกย่อที่ยาว
นอกจากนี้ยังมีการเพิ่มประสิทธิภาพ CSS ฉันใส่สไตล์ทั้งหมดลงในหน้าภายนอกและจำเป็นต้องเพิ่มการอ้างอิงในส่วนหัวเท่านั้น ซึ่งจะช่วยลดขนาดของหน้าได้อย่างมาก
นอกจากนี้ฉันใช้ div+css เพื่อเขียนแต่ละหน้า
นอกจากนี้ยังมีการเพิ่มประสิทธิภาพ JS เนื้อหาที่สำคัญทั้งหมดไม่ได้ใช้ JS เพื่อแสดงผลพิเศษบางอย่างเท่านั้น อย่างไรก็ตาม รหัส JS จะถูกเขียนบนหน้าภายนอกด้วย และต้องเพิ่มการอ้างอิงที่ด้านล่างของหน้า อย่าเพิ่มลงในส่วนหัวหากอยู่ในส่วนหัวจะส่งผลต่อประสิทธิภาพของเพจด้วย
ทุกหน้าของระบบเตือนภัย GSM ของเว็บไซต์ของฉันเป็นไปตามกฎข้างต้น หากมีสิ่งใดผิดปกติข้างต้น โปรดให้คำแนะนำแก่ฉันด้วย ฉันจะขอบคุณมาก เอาล่ะ วันนี้พอแค่นี้ก่อน เรามาติดตามกันต่อในหัวข้อถัดไป
(บรรณาธิการรับผิดชอบ: momo) พื้นที่ส่วนตัวของผู้เขียน Qinglianzhiyao