Performance กับ 5 วิธีที่ช่วยให้เว็บไซต์เร็วขึ้น !

Performance กับ 5 วิธีที่ช่วยให้เว็บไซต์เร็วขึ้น !

การจะทำให้ Performance ของเว็บไซต์เรานั้นเร็วขึ้น เราควรให้ความสำคัญกับสิ่งเล็ก ๆ น้อย ๆ ที่ผู้คนมองข้ามกัน โดยวันนี้เราจะมานำเสนอ 5 วิธีที่จะช่วยทำให้ Performance เว็บไซต์ของเราไวขึ้นกัน

1. ใส่ข้อมูลให้เหมาะสม

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

2. ลดขนาดของรูปภาพ

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

3. ใช้ Lazyload เพิ่มความเร็ว

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

4. ลำดับการโหลดข้อมูล

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

5. Import ข้อมูลเท่าที่จำเป็น

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

Leave a Comment

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *