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

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

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

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

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

เปลี่ยนการเข้าถึง 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 จะเหมาะสมที่สุด วิธีการคือ: ใส่รหัสโฆษณาเหล่านี้ลงในหน้าแยกต่างหาก จากนั้นใช้รหัสต่อไปนี้เพื่อฝังหน้าไว้ในหน้าแรก เพื่อให้การแสดงหน้าแรกทั้งหมดไม่ล่าช้าเนื่องจากความล่าช้าของหน้าโฆษณา

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

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

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