สำหรับนักออกแบบเว็บไซต์ความเร็วการเข้าถึงของเว็บไซต์มีความสำคัญมากกว่าเนื้อหา แม้ว่าเนื้อหาของเว็บไซต์จะยอดเยี่ยมหากความเร็วในการเข้าถึงช้ามากฉันเชื่อว่าหลายคนจะไม่อดทน ต่อไปนี้เป็นวิธีการลดน้ำหนักของเว็บไซต์ที่ได้ลองในการออกแบบเว็บ ผลลัพธ์ค่อนข้างดี ฉันหวังว่าจะให้ความสำคัญกับรายการต่อไปนี้มากขึ้นเมื่อออกแบบเว็บไซต์ในอนาคต
1: ใช้ GZIP เพื่อบีบอัดเอกสาร: การเข้ารหัส GZIP เป็นวิธีที่ใช้ในการปรับปรุงประสิทธิภาพของหน้าเว็บ ไม่เพียง แต่สามารถลดพื้นที่เก็บข้อมูลได้ แต่ยังลดเวลาที่จำเป็นสำหรับการส่ง หลังจากบีบอัดไฟล์ในเว็บไซต์โดยใช้ GZIP แล้วจะสามารถเพิ่มความเร็วในการโหลดของหน้าเว็บได้อย่างมีนัยสำคัญและยังลดการใช้การรับส่งข้อมูลแบนด์วิดท์ของเว็บไซต์ (การใช้วิธีนี้จะเพิ่มภาระบนเซิร์ฟเวอร์เนื่องจากการกำหนดค่าเซิร์ฟเวอร์จำเป็นต้องได้รับการแก้ไขและไม่สามารถใช้งานได้สำหรับผู้ใช้โฮสต์เสมือนจริง)
2: เครื่องมือลดน้ำหนักการบีบอัด CSS http://www.xland.com.cn/css/geshihuacss.htm
คัดลอกรหัส CSS ของเว็บไซต์ของคุณลงในช่องนี้แล้วคลิกเพื่อบีบอัด โดยทั่วไปคุณสามารถบีบอัด CSS ได้ 1-5K
3: ลดน้ำหนักสำหรับไฟล์ JavaScript: วิธีนี้แตกต่างจากฟังก์ชั่นการบีบอัด GZIP มีหลายวิธีในการลดเอกสาร JavaScript ที่นี่เราขอแนะนำให้ใช้เว็บไซต์ลดน้ำหนัก JS ออนไลน์: http://javascriptcompressor.com/
4: ใส่ไฟล์สไตล์ชีทในการโทรภายนอก: วางไฟล์ JavaScript และ CSS Stylesheet ที่จำเป็นต้องใช้ในหน้าในโฟลเดอร์อื่นเพื่อให้ไฟล์ที่เรียกว่าไฟล์เหล่านี้จะถูกแคชเมื่อเปิดหน้าอื่น ๆ ของเว็บไซต์
5: ลองใช้รูปแบบ GIF สำหรับรูปภาพเว็บไซต์ รูปภาพรูปแบบ GIF ใช้พื้นที่เล็ก ๆ น้อย ๆ ตัวอย่างเช่นภาพประกอบการออกแบบเว็บของฉันรูปภาพรูปแบบ JPG โดยทั่วไปจะอยู่ระหว่าง 10-50K ในขณะที่รูปภาพรูปแบบ GIF โดยทั่วไปต่ำกว่า 10K
6: พยายามอย่าเรียกไฟล์แฟลชขนาดใหญ่เกินไปและไฟล์วิดีโอบนหน้าแรก
7: หลีกเลี่ยงการใช้การเปลี่ยนเส้นทางเว็บเพจ: ไม่ว่าจะผ่านการเปลี่ยนเส้นทางฝั่งเซิร์ฟเวอร์หรือการเปลี่ยนเส้นทางเนื้อหาผ่านรหัส JavaScript เว็บไซต์จะโหลดหน้าว่างก่อนแล้วจึงตรงไปยังหน้าอื่น สิ่งนี้ไม่เพียง แต่ขยายเวลาการโหลดของหน้าเท่านั้น แต่ยังอาจนำไปสู่การไม่สามารถกระโดดได้โดยปล่อยให้ผู้ใช้หันหน้าเข้าหาหน้าว่าง
8: ใส่รหัสสถิติที่ด้านล่างของเว็บไซต์: อย่าอยู่ในตารางหรือแท็ก DIV เดียวกันกับเนื้อหาของหน้า คุณสามารถวางรหัสสถิติได้โดยตรงที่ด้านล่างของรหัสหน้าหรือสร้างตารางหรือ div ที่ด้านล่างเพื่อวางเคาน์เตอร์ ด้วยวิธีนี้ความเร็วเว็บไซต์ของคุณจะไม่ได้รับผลกระทบเลยเมื่อไม่สามารถเข้าถึงตัวนับได้
9. เว็บไซต์การทดสอบความเร็วเว็บไซต์ http://loadimpact.com
ป้อน URL vevb.com ของเว็บไซต์ที่คุณต้องการทดสอบในกล่องข้อความจากนั้นคลิกปุ่มเริ่มต้นทดสอบเพื่อเริ่มทดสอบความเร็วของเว็บไซต์ รอสักครู่และคุณสามารถนับข้อมูลการโหลดโดยละเอียดของเว็บไซต์โหลด รวมถึงการโหลดโดยรวมและรูปภาพในสถานที่รวมถึง JavaScript, CSS และการโหลดรหัสอื่น ๆ คุณสามารถเลือกไฟล์ที่แตกต่างกันในรายการด้านขวาเพื่อเปรียบเทียบในเวลาเดียวกันโดยมีข้อมูลมากถึงสามวัตถุที่โหลดข้อมูล นอกจากนี้แผนภูมิสามารถสร้างขึ้นบนเว็บไซต์ LoadImpact ซึ่งสะดวกสำหรับเราในการวิเคราะห์ ผ่านข้อมูลที่สร้างขึ้นคุณจะรู้ว่าคอขวดในความเร็วเว็บไซต์ของคุณอยู่ที่ใดดังนั้นจึงสามารถแก้ปัญหาได้