เทคนิคการปรับโค้ดโปรแกรมให้เหมาะสม การเพิ่มประสิทธิภาพโค้ดโปรแกรม ความเป็นไปได้หลักในการปรับโค้ดให้เหมาะสมโดยโปรแกรมเมอร์และคอมไพเลอร์ มีประเด็นสำคัญหลายประการในการเพิ่มประสิทธิภาพ

สวัสดีเพื่อน ๆ ที่รักสู่เว็บไซต์บล็อก ผู้ใช้ส่วนใหญ่รับรู้เว็บไซต์จากภายนอกเท่านั้น โดยประเมินการออกแบบและโครงสร้าง แต่เบื้องหลังองค์ประกอบภายนอกที่สวยงามนั้นมีกฎหมายและกฎเกณฑ์ภายในมากมายที่กำหนดโดยมาตรฐาน W3C ส่วนประกอบภายในประกอบด้วยโค้ด html และสไตล์ CSS (ไม่มีฟังก์ชันแยกกัน) บ่อยครั้งที่ผู้ดูแลเว็บให้ความสำคัญกับการนำเสนอเว็บไซต์ภายนอกเท่านั้น อย่างไรก็ตาม เนื้อหาภายในของหน้าเว็บในรูปแบบโค้ด html ก็ต้องได้รับความสนใจเช่นกัน โดยเฉพาะอย่างยิ่งเมื่อต้องดึงดูดปริมาณการค้นหา

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

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

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

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

ขั้นตอนหลักของการเพิ่มประสิทธิภาพโค้ดเว็บไซต์
  • การเน้นส่วนหัว h1-h6 - โรบ็อตการค้นหาโดยทั่วไป ดังนั้นอย่าลืมเกี่ยวกับการจัดรูปแบบข้อความที่ถูกต้อง
  • การลดขนาดโค้ด - ยิ่งโค้ดน้อยลง การโหลดหน้าเว็บก็จะง่ายขึ้นและเร็วขึ้น ล่าสุด ความเร็วในการโหลดหน้าเว็บกลายเป็นปัจจัยสำคัญในการจัดอันดับผลลัพธ์ของ Google ตามที่มีการประกาศอย่างเป็นทางการ
  • การลบโค้ดที่เป็นอันตราย - ไซต์โฮสติ้งหลายแห่งมีส่วนป้องกันไวรัสที่จะสแกนไฟล์ไซต์และระบุเส้นทางในการแก้ไข การไม่มีโค้ดที่เป็นอันตรายทำให้ไซต์เป็นที่นิยมมากกว่าเครื่องมือค้นหา
  • การเพิ่มประสิทธิภาพเว็บไซต์ภายในคือการสร้างข้อความที่ไม่ซ้ำใครซึ่งสนับสนุนความหนาแน่นของคำหลักที่ต้องการ
  • – กระจายน้ำหนักของเพจอย่างสม่ำเสมอ และเพิ่มปริมาณการเข้าชมสำหรับการสืบค้นความถี่ต่ำ โดยเฉพาะอย่างยิ่งเมื่อเพิ่มเนื้อหาใหม่
  • การเพิ่มเมตาแท็ก – ชื่อ คำสำคัญ และคำอธิบายถูกใช้ในงานและแสดงบนหน้าผลลัพธ์ของเครื่องมือค้นหา เมตาแท็กที่แต่งอย่างถูกต้องจะเพิ่มความเกี่ยวข้องของเพจและดึงดูดผู้ใช้
  • การเพิ่มประสิทธิภาพรูปภาพ – แต่ละรูปภาพต้องมีรูปแบบที่เหมาะสมที่สุด (GIF, JPEG, PNG และ PNG-24) รวมถึง alt และชื่อเรื่อง
ความถูกต้องของรหัสไซต์

ความถูกต้องคือการปฏิบัติตามรหัสที่มีมาตรฐาน W3C ระดับโลกที่ยอมรับโดยทั่วไป รหัสเว็บไซต์ที่ไม่ถูกต้องซึ่งมีข้อผิดพลาดมากมายอาจเป็นอุปสรรคต่อการโปรโมตทรัพยากรบางอย่างได้ หากไม่ได้ปิดแท็กที่จับคู่ทั้งหมด อาจมีปัญหาในการแสดงองค์ประกอบการออกแบบ แต่ในความเป็นจริง แม้แต่เว็บไซต์ที่มีเครื่องมือค้นหาที่ใหญ่ที่สุดก็ยังไม่ถูกต้อง 100% สาเหตุของความคลาดเคลื่อนนี้คืออะไร?

  • ความเข้มข้นของแรงงานในระดับสูงเมื่อสร้างมาตรฐานให้กับไซต์และความต้องการความเป็นมืออาชีพที่ยอดเยี่ยมของนักพัฒนาเมื่อตรวจสอบไซต์ไดนามิกขนาดใหญ่
  • ความถูกต้อง 100% ของโค้ด html ไม่รับประกันความเข้ากันได้ข้ามเบราว์เซอร์ และยังไม่ได้ป้องกันข้อผิดพลาดเมื่อใช้เบราว์เซอร์รุ่นเก่า

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

การเพิ่มประสิทธิภาพ Cascading Style Sheets

เช่นเดียวกับการเพิ่มประสิทธิภาพโค้ด html การเพิ่มประสิทธิภาพสไตล์ (CSS) ถือเป็นกิจกรรมที่สำคัญพอๆ กันที่เว็บมาสเตอร์หลายคนมองข้าม การเพิ่มประสิทธิภาพโค้ด CSS ยังช่วยเพิ่มความเร็วในการโหลดหน้าเว็บไซต์และประหยัดปริมาณการเข้าชม เนื่องจากไฟล์ css มีน้ำหนักมากถึง 100 KB เว็บมาสเตอร์จำนวนมากจึงไม่เห็นความจำเป็นในการเพิ่มประสิทธิภาพ แต่หากคุณคิดว่าการเพิ่มประสิทธิภาพไฟล์การรับส่งข้อมูลจะช่วยประหยัดได้มากเพียงใดต่อปี คุณจะรู้ว่ามันประเมินต่ำเกินไปเพียงใด

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

การตั้งค่าการเข้ารหัส

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

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

การเพิ่มประสิทธิภาพเว็บไซต์ภายใน

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

บทสรุป

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

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

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

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

ประเภทของการเพิ่มประสิทธิภาพ

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

มีแนวคิดเช่นการเพิ่มประสิทธิภาพระดับสูงและระดับต่ำ การปรับให้เหมาะสมระดับสูงส่วนใหญ่ดำเนินการโดยโปรแกรมเมอร์ที่ทำงานด้วยเอนทิตีเชิงนามธรรม (ฟังก์ชัน ขั้นตอน คลาส ฯลฯ) และจินตนาการถึงแบบจำลองทั่วไปสำหรับการแก้ปัญหา สามารถปรับการออกแบบระบบให้เหมาะสมได้ การเพิ่มประสิทธิภาพในระดับองค์ประกอบพื้นฐานของซอร์สโค้ด (ลูป สาขา ฯลฯ ) มักจะถูกจัดอยู่ในระดับสูงเช่นกัน บางคนแยกพวกมันออกเป็นระดับแยก (“กลาง”) (N. Wirth?) การเพิ่มประสิทธิภาพระดับต่ำเกิดขึ้นในขั้นตอนของการเปลี่ยนซอร์สโค้ดเป็นชุดคำสั่งของเครื่อง และบ่อยครั้งขั้นตอนนี้ขึ้นอยู่กับระบบอัตโนมัติ อย่างไรก็ตาม โปรแกรมเมอร์ภาษาแอสเซมบลีเชื่อว่าไม่มีเครื่องจักรใดสามารถเอาชนะโปรแกรมเมอร์ที่ดีได้ในเรื่องนี้ (ในขณะที่ทุกคนเห็นพ้องต้องกันว่าโปรแกรมเมอร์ที่ไม่ดีจะทำให้เครื่องจักรแย่ลงไปอีก)

การเลือกพื้นที่ที่จะเพิ่มประสิทธิภาพ

เมื่อปรับโค้ดให้เหมาะสมด้วยตนเอง มีปัญหาอื่น: คุณไม่เพียงแต่ต้องรู้วิธีการปรับให้เหมาะสมเท่านั้น แต่ยังต้องทราบด้วยว่าจะนำไปใช้ที่ไหน โดยทั่วไป เนื่องจากปัจจัยต่างๆ (การดำเนินการอินพุตช้า ความแตกต่างในความเร็วของผู้ปฏิบัติงานที่เป็นมนุษย์และเครื่องจักร ฯลฯ) มีเพียง 10% ของโค้ดเท่านั้นที่ใช้มากถึง 90% ของเวลาดำเนินการ (แน่นอนว่าคำสั่งนี้ ค่อนข้างเป็นการคาดเดาและมีพื้นฐานที่น่าสงสัยในกฎหมาย Pareto แต่ดูน่าเชื่อใน E. Tanenbaum) เนื่องจากจะต้องใช้เวลาเพิ่มเติมในการปรับให้เหมาะสม ดังนั้น แทนที่จะพยายามปรับให้เหมาะสมทั้งโปรแกรม เป็นการดีกว่าที่จะปรับ "วิกฤต" เหล่านี้ให้เหมาะสม 10% ของเวลาดำเนินการ โค้ดดังกล่าวเรียกว่าคอขวดหรือคอขวดและเพื่อพิจารณาว่าจะใช้โปรแกรมพิเศษ - ตัวสร้างโปรไฟล์ซึ่งช่วยให้คุณสามารถวัดเวลาการทำงานของส่วนต่าง ๆ ของโปรแกรมได้

ในความเป็นจริง ในทางปฏิบัติ การเพิ่มประสิทธิภาพมักจะดำเนินการหลังจากขั้นตอนของการเขียนโปรแกรมที่ "วุ่นวาย" (รวมถึงสิ่งต่าง ๆ เช่น "" "เราจะคิดออกในภายหลัง" "มันจะทำ") และดังนั้นจึงเป็นส่วนผสมของ การเพิ่มประสิทธิภาพจริง การปรับโครงสร้างใหม่และการแก้ไข: ลดความซับซ้อนของโครงสร้าง "แฟนซี" - เช่น strlen(path.c_str()) เงื่อนไขตรรกะ (a.x != 0 && a.x != 0) เป็นต้น ตัวสร้างโปรไฟล์แทบจะไม่เหมาะสำหรับการเพิ่มประสิทธิภาพดังกล่าว อย่างไรก็ตาม ในการตรวจจับตำแหน่งดังกล่าว คุณสามารถใช้โปรแกรม - เครื่องมือในการค้นหาข้อผิดพลาดทางความหมายโดยอิงจากการวิเคราะห์ซอร์สโค้ดเชิงลึก - เนื่องจากดังที่เห็นได้จากตัวอย่างที่สอง โค้ดที่ไม่มีประสิทธิภาพอาจเป็นผลมาจากข้อผิดพลาด (เช่น การพิมพ์ผิด ในตัวอย่างนี้ - เป็นไปได้มากว่า a.x หมายถึง != 0 && a.y != 0) อันที่ดีจะตรวจจับโค้ดดังกล่าวและแสดงข้อความเตือน

อันตรายและประโยชน์ของการเพิ่มประสิทธิภาพ

เกือบทุกอย่างในการเขียนโปรแกรมต้องได้รับการดูแลอย่างมีเหตุผล และการเพิ่มประสิทธิภาพก็ไม่มีข้อยกเว้น เชื่อกันว่าโปรแกรมเมอร์แอสเซมบลีที่ไม่มีประสบการณ์มักจะเขียนโค้ดที่ช้ากว่าโค้ดที่สร้างโดยคอมไพเลอร์ (Zubkov) 3-5 เท่า มีสำนวนที่เป็นที่รู้จักอย่างกว้างขวางเกี่ยวกับการเพิ่มประสิทธิภาพในช่วงเริ่มต้นที่ค่อนข้างต่ำ (เช่นการต่อสู้เพื่อตัวดำเนินการเพิ่มเติมหรือตัวแปร) ที่ Knuth กำหนดไว้: "การเพิ่มประสิทธิภาพก่อนเวลาอันควรเป็นรากฐานของปัญหาทั้งหมด"

คนส่วนใหญ่ไม่มีข้อร้องเรียนเกี่ยวกับการเพิ่มประสิทธิภาพที่ดำเนินการโดยเครื่องมือเพิ่มประสิทธิภาพและบางครั้งการเพิ่มประสิทธิภาพบางอย่างก็เป็นมาตรฐานและจำเป็นในทางปฏิบัติ - ตัวอย่างเช่นการปรับให้เหมาะสมของการเรียกซ้ำส่วนท้ายในภาษาที่ใช้งานได้ (การเรียกซ้ำส่วนท้ายเป็นการเรียกซ้ำแบบพิเศษที่สามารถลดลงได้ รูปแบบของวง)

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

ตัวอย่างเช่น พิจารณาภาษา C++ และสิ่งที่เรียกว่า การเพิ่มประสิทธิภาพค่าส่งคืน สาระสำคัญก็คือคอมไพเลอร์อาจไม่สร้างสำเนาของวัตถุชั่วคราวที่ส่งคืนโดยฟังก์ชัน เนื่องจากคอมไพเลอร์ "ข้าม" การคัดลอกในกรณีนี้ เทคนิคนี้จึงเรียกว่า "Copy elision" ดังนั้นรหัสต่อไปนี้:

#include struct C ( C() () C(const C&) ( std::cout li.

ตอนนี้ เพื่อแนวคิดที่ดีกว่า เรามาลองสร้างเลย์เอาต์ของหน้าที่ปรับให้เหมาะสมอย่างเหมาะสมกันดีกว่า

ชื่อหน้า

  • หมวดที่ 1
  • หมวดที่ 2
    • หมวดที่ 2.1
    • หมวด 2.2
  • หมวดที่ 3
ชื่อหน้า

เนื้อหาหลักที่ใช้แท็ก -, , , ,
,

.

บล็อกด้านข้างพร้อมข้อมูลเพิ่มเติม -

มีอะไรอีกที่ต้องคำนึงถึงเมื่อทำ SEO เลย์เอาต์ของเว็บไซต์
  • ข้อผิดพลาดในการตรวจสอบความถูกต้องจำนวนมากอาจส่งผลเสียต่อเพจได้ ไม่แนะนำให้ใช้แท็กเปล่าและไฟล์ css, js ที่ไม่ได้ใช้บนเพจ ยิ่งโค้ดมีน้ำหนักเบา เครื่องมือค้นหาก็จะวิเคราะห์ได้ง่ายขึ้นเท่านั้น
  • คุณไม่ควรใช้แฟลชและเฟรมซึ่งไม่เป็นมิตรกับเครื่องมือค้นหามากนัก นอกจากนี้เครื่องมือค้นหายังไม่รู้จักข้อความที่วาดโดยใช้รูปภาพ
  • การทำงานข้ามเบราว์เซอร์ของไซต์มีอิทธิพลต่อพฤติกรรมของผู้ใช้และบังคับให้พวกเขาออกจากไซต์โดยไม่ได้รับข้อมูลที่จำเป็นหรือทำการซื้อ เป็นผลให้ปัจจัยด้านพฤติกรรมลดลงซึ่งส่งผลต่อการเพิ่มประสิทธิภาพของไซต์ทั้งหมด
  • การมีอยู่ของไซต์เวอร์ชันมือถือหรือการตอบสนองของไซต์กลายเป็นปัจจัยในการจัดอันดับ และเช่นเดียวกับความเข้ากันได้ของเบราว์เซอร์ สามารถลดอัตราตีกลับและเพิ่มการแปลงไซต์บนอุปกรณ์มือถือ Google เริ่มคำนึงถึงการมีเวอร์ชันมือถือในปี 2558 (เหมาะกับมือถือ) และยานเดกซ์ในปี 2559 เรียกอัลกอริทึมการจัดอันดับว่า "วลาดิวอสต็อก"
  • เนื้อหาหลักบนหน้าควรอยู่ในโค้ด html ใกล้กับจุดเริ่มต้นมากขึ้น ดังนั้นจึงจะมีความเกี่ยวข้องมากขึ้นจากมุมมองของเครื่องมือค้นหา
  • เนื้อหาไม่ควรถูกซ่อนโดยใช้ display:none
  • แม้ว่าแท็กสามารถใช้เพื่อเพิ่มความสำคัญของคีย์เวิร์ดได้ แต่ก็อาจส่งผลเสียได้เช่นกันหากแท็กบางแท็กทับซ้อนกัน เช่น
    1. h1-h6 & แข็งแกร่ง, b, em
    2. h1-h6 & a href=…
    3. แข็งแกร่ง, b, em & a href=…
บทสรุป

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

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

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

จะเพิ่มประสิทธิภาพโค้ดไซต์ได้อย่างไร?

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

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

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

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

สำหรับคอมพิวเตอร์:

1. ควรแก้ไข - นี่เป็นข้อผิดพลาดระดับสูง!

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

Http://avatars-fast.yandex.net/get-direct/nubNH6Z6vqKZZtboVlYcQg/y80 (ไม่ได้ระบุระยะเวลาที่มีผลใช้ได้) http://directstat.ru/script (ไม่ได้ระบุระยะเวลาที่มีผลใช้ได้) https://prostolinux.ru/karta- saita/ (ไม่ได้ระบุระยะเวลาที่ใช้ได้) https://prostolinux.ru/prostolinux.png (ไม่ได้ระบุระยะเวลาที่ใช้ได้) (ไม่ได้ระบุระยะเวลาที่ใช้ได้) (ไม่ได้ระบุระยะเวลาที่ใช้ได้) https://prostolinux.ru/wp-content/themes /rockwell_new/rockwell/css/jquery.lightbox-0.5.css (ไม่ได้ระบุระยะเวลาที่มีผลบังคับใช้) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/css/orange.css (ไม่ได้ระบุระยะเวลาที่มีผลบังคับใช้) https ://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/css/superfish.css (ไม่ได้ระบุระยะเวลาที่มีผล) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/bk_body jpg (ไม่ได้ระบุระยะเวลาที่มีผลบังคับใช้) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/bk_dotted_vert.gif (ไม่ได้ระบุระยะเวลาที่มีผลบังคับใช้) https://prostolinux.ru/wp-content/themes/ rockwell_new/rockwell/images/bk_menu_orange.jpg (ไม่ได้ระบุระยะเวลาที่ใช้ได้) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/bullet_top.jpg (ไม่ได้ระบุระยะเวลาที่ใช้ได้) https://prostolinux. ru/wp-content/themes/rockwell_new/rockwell/images/ico_date_orange.png (ไม่ได้ระบุระยะเวลาที่มีผลใช้ได้) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/topmenu_border_orange.jpg (ไม่ระบุระยะเวลาที่มีผลบังคับใช้) การกระทำที่ระบุ) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/copy.js (ไม่ได้ระบุระยะเวลาที่มีผลบังคับใช้) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/ js /jquery-1.3.2.min.js (ไม่ได้ระบุระยะเวลาที่มีผลบังคับใช้) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/jquery.form.js (ไม่ได้ระบุระยะเวลาที่มีผลบังคับใช้) (ไม่ ระยะเวลาที่ใช้ได้ที่ระบุ) (ไม่ได้ระบุระยะเวลาที่ใช้ได้) https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/style.css (ไม่ได้ระบุระยะเวลาที่ใช้ได้) https://prostolinux.ru/wp-includes/images / สไมลี่/icon_smile.gif (ไม่ได้ระบุระยะเวลาที่ใช้งานได้)

ฉันยังไม่ชัดเจนสำหรับฉันว่าระยะเวลาที่ใช้ได้คืออะไรและต้องระบุที่ใด คุณรู้?

2. พิจารณาแก้ไข

ลบ JavaScript และ CSS ที่บล็อกการแสดงผลออกจากด้านบนของหน้า

จำนวนสคริปต์การบล็อกต่อหน้า: 1. จำนวนทรัพยากร CSS การบล็อกต่อหน้า: 4. ทำให้การแสดงเนื้อหาช้าลง
เนื้อหาทั้งหมดที่ด้านบนของหน้าจะแสดงหลังจากโหลดทรัพยากรต่อไปนี้แล้วเท่านั้น พิจารณาชะลอการโหลดทรัพยากรเหล่านี้ โหลดแบบอะซิงโครนัส หรือฝังส่วนประกอบที่สำคัญที่สุดลงในโค้ด HTML โดยตรง
ลบโค้ด JavaScript ที่ขัดขวางการแสดงผล:

http://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/jquery-1.3.2.min.js

เพิ่มประสิทธิภาพ CSS ของคุณในทรัพยากรต่อไปนี้:

https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/style.css
https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/css/orange.css
https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/css/jquery.lightbox-0.5.css
https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/css/superfish.css

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

3. ลดขนาด JavaScript - นี่เป็นอัตราข้อผิดพลาดปานกลาง การแก้ไขข้อผิดพลาดจะทำให้ไซต์เร็วขึ้นเล็กน้อย
การบีบอัดโค้ด JavaScript ช่วยให้คุณสามารถลดจำนวนข้อมูลเพื่อเพิ่มความเร็วในการโหลด การประมวลผล และการดำเนินการ
ย่อขนาดโค้ด JavaScript ในทรัพยากรต่อไปนี้เพื่อลดขนาดลง 19.4 KB (46%
การลด https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/jquery-1.3.2.min.js จะลดขนาดลง 14 KB (41%
การลด https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/js/jquery.form.js จะลดขนาดลง 5.4 KB (64%
4. ปรับภาพของคุณให้เหมาะสม – นี่เป็นอัตราข้อผิดพลาดปานกลาง การแก้ไขข้อผิดพลาดจะทำให้ไซต์เร็วขึ้นเล็กน้อย

รูปแบบและการบีบอัดรูปภาพที่ถูกต้องสามารถลดขนาดได้

ปรับภาพต่อไปนี้ให้เหมาะสมเพื่อลดขนาดลง 5 KB (14%
หากคุณบีบอัดรูปภาพโดยไม่สูญเสียคุณภาพ รูปภาพจะลดขนาดลง 2 KB (8%
หากคุณบีบอัดรูปภาพแบบไม่สูญเสีย https://prostolinux.ru/wp-content/themes/rockwell_new/rockwell/images/ico_date_orange.png วิธีนี้จะลดขนาดลง 1.7 KB (31%
หากคุณบีบอัดรูปภาพ http://avatars-fast.yandex.net/get-direct/nubNH6Z6vqKZZtboVlYcQg/y80 โดยไม่สูญเสียขนาด สิ่งนี้จะลดขนาดลง 1.3 KB (19%

5. ลดเวลาตอบสนองของเซิร์ฟเวอร์ - นี่คืออัตราข้อผิดพลาดโดยเฉลี่ย การแก้ไขข้อผิดพลาดจะทำให้ไซต์เร็วขึ้นเล็กน้อย

จากผลการทดสอบ เวลาตอบสนองของเซิร์ฟเวอร์ของคุณคือ 0.24 วินาที ตัวบ่งชี้นี้ได้รับอิทธิพลจากหลายปัจจัย อ่านแนวทางปฏิบัติที่ดีที่สุดของเราเพื่อเรียนรู้วิธีติดตามและวัดผลเวลาตอบสนอง

ฉันไม่ได้คิดว่ามันมีอะไรมากมาย แต่ดูเหมือนว่ามันจะเป็นปัญหาโฮสติ้ง คุณต้องค้นหาสาเหตุ
6. ย่อ HTML - นี่เป็นอัตราข้อผิดพลาดปานกลาง การแก้ไขข้อผิดพลาดจะทำให้ไซต์เร็วขึ้นเล็กน้อย
การบีบอัดโค้ด HTML (รวมถึง JavaScript แบบอินไลน์หรือโค้ด CSS) ช่วยลดปริมาณข้อมูลเพื่อให้โหลดและประมวลผลได้เร็วขึ้น

ย่อขนาดโค้ด HTML ในทรัพยากรต่อไปนี้เพื่อลดขนาดลง 1.7 KB (8%
การลด https://prostolinux.ru/kak-usilit-signal-3g-modema/ จะลดขนาดลง 1.7 KB (8%

สำหรับมือถือ:

ที่นี่ข้อผิดพลาดทั้งหมดเหมือนกัน แต่มีความแตกต่างที่ข้อผิดพลาดทั้งหมดถูกทำเครื่องหมายว่าสำคัญ!

มันหมายความว่าอะไร? ซึ่งหมายความว่าเมื่อโหลดไซต์จากอุปกรณ์พกพาทุกอย่างควรจะเร็วขึ้นมากเนื่องจากช่องทางอินเทอร์เน็ตมักจะแคบกว่า

ใช่ ฉันไม่ได้บอกว่า Google แสดงข้อผิดพลาดเหล่านี้ให้ฉันที่ไหน และเขาแสดงให้ฉันเห็นในแผง Google Adsense หรือคุณสามารถไปที่ https://developers.google.com/speed/pagespeed/insights/ และค้นหาสิ่งที่ต้องแก้ไข เพราะการเพิ่มประสิทธิภาพโค้ดบนเว็บไซต์ แม้ว่าจะไม่ใช่เรื่องง่าย แต่ต้องทำเพียงครั้งเดียวเท่านั้น

หากคุณรู้วิธีการแก้ปัญหาอย่างน้อยฉันจะขอบคุณมากสำหรับคำแนะนำของคุณ ในระหว่างนี้ ฉันจะท่องอินเทอร์เน็ตเพื่อค้นหาคำตอบสำหรับคำถามสำคัญเหล่านี้...

โซลูชั่น

1. เปิดการบีบอัด

สิ่งแรกที่ทำให้สามารถบรรลุการปรับปรุงบางอย่างได้ทันทีคือการเพิ่มโค้ดลงในไฟล์ .htaccess ซึ่งอยู่ที่รากของไซต์

SetOutputFilter DEFLATE ส่วนหัวผนวก Vary User-Agent FileETag MTime Size ExpiresActive on ExpiresDefault "access plus 1 month" SetOutputFilter DEFLATE

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

การวิเคราะห์หน้าเว็บพบว่าสคริปต์เทมเพลตบางรายการขัดขวางไม่ให้โหลดหน้าเว็บ ฉันลบสคริปต์ประเภทนี้หลายรายการออกจาก header.php:



มีคำถามหรือไม่?

แจ้งการพิมพ์ผิด

ข้อความที่จะส่งถึงบรรณาธิการของเรา: