พูดคุยเกี่ยวกับเทคนิคการเพิ่มประสิทธิภาพความเร็วเว็บไซต์

หากเว็บไซต์ต้องการรักษาผู้คนไว้ ความเร็วเป็นสิ่งสำคัญมาก ตอนนี้ ผมจะเขียนความรู้สึกบางอย่างเกี่ยวกับการเพิ่มประสิทธิภาพเว็บไซต์

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

ลองใช้หน้า HTML แบบคงที่ ดังที่เราทุกคนทราบกันดีว่า ASP, PHP, JSP และโปรแกรมอื่นๆ ตระหนักถึงการโต้ตอบแบบไดนามิกของข้อมูลหน้าเว็บ พวกมันใช้งานได้สะดวกมากเนื่องจากมีการโต้ตอบข้อมูลที่ดีและสามารถเข้าถึงและเปลี่ยนแปลงเนื้อหาของฐานข้อมูลได้อย่างง่ายดาย ทำให้เว็บไซต์ "กำลังเคลื่อนไหว" เช่น กระดานสนทนา กระดานข้อความ ฯลฯ อย่างไรก็ตาม โปรแกรมประเภทนี้จะต้องได้รับการประมวลผลโดยเซิร์ฟเวอร์ก่อน สร้างหน้า HTML จากนั้นจึง "ส่ง" ไปยังไคลเอนต์เพื่อเรียกดู ซึ่งต้องใช้ทรัพยากรเซิร์ฟเวอร์จำนวนหนึ่ง หากคุณใช้โปรแกรมประเภทนี้มากเกินไปบนโฮสต์เสมือน ความเร็วการแสดงผลของหน้าเว็บจะช้าอย่างแน่นอน ดังนั้นจึงไม่จำเป็น โปรดลองใช้หน้า HTML แบบคงที่

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

เปลี่ยนการเข้าถึง ASP, ASPX, PHP และไฟล์อื่นๆ เป็นการอ้างอิง .js สิ่งนี้ควรสังเกตเมื่อออกแบบโปรแกรมเช่น ASP, ASPX, PHP ฯลฯ หากคุณต้องการฝังข้อมูลไดนามิกในหน้า HTML แบบคงที่ และข้อมูลไดนามิกเหล่านี้จัดทำโดย ASP, PHP และโปรแกรมอื่น ๆ คุณจะใช้คำสั่งต่อไปนี้ ในกรณีนี้ ทุกครั้งที่มีคนเยี่ยมชมเว็บไซต์ของคุณ เซิร์ฟเวอร์จะดำเนินการและประมวลผลไฟล์ tongji.asp แยกข้อมูลที่เกี่ยวข้องออกจากฐานข้อมูล จากนั้นส่งออกไปยังหน้าเว็บเพื่อแสดงหากมีคนนับหมื่น มาเยือนพร้อมๆ กันก็จะเกิดผล ถ้าทำไปนับหมื่นครั้งก็จะสามารถจินตนาการถึงผลที่ตามมาได้ ขอแนะนำให้สร้างข้อมูลแบบไดนามิกลงในไฟล์ 1.js ในโปรแกรมเหล่านี้ จากนั้นใช้โค้ดเช่น ＜SCRIPT c=" http://www.XXX.com/1.js "">＜ ​​/SCRIPT> บนหน้าแรก อ้างอิงไฟล์ 1.js ด้วยวิธีนี้ งานการแสดงข้อมูลจึงตกเป็นหน้าที่ของเบราว์เซอร์ของลูกค้า ซึ่งไม่ใช้ทรัพยากรเซิร์ฟเวอร์ และความเร็วในการแสดงผลจะเร็วมากโดยธรรมชาติ มีการอ้างอิง js จำนวนมากในไฟล์โฮมเพจของเว็บไซต์ เนื้อหา js ถูกสร้างขึ้นโดยอัตโนมัติผ่านโปรแกรมพื้นหลัง ดังนั้นความเร็วในการเข้าถึงจึงรวดเร็วมาก

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

＜ iframe align="center" width="780" height="30" name="all" scrolling="no" marginWidth=0 frameborder="0" src=" http://xx/headToolBar. jsp ">＜/ iframe>

โดยที่ http://xx/headToolBar.jsp เป็นพาธของไฟล์ที่อ้างอิง

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

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

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