7 แนวทางปฏิบัติที่ดีที่สุดเพื่อสร้างเว็บไซต์ที่ยั่งยืน

เผยแพร่แล้ว: 2019-04-20

อินเตอร์เนต. เมฆ. ง่ายต่อการคิดว่าเป็นแนวคิดเสมือนจริง ท้ายที่สุดแล้ว การเชื่อมต่อของเรากับพวกเขานั้นส่วนใหญ่มองไม่เห็น

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

โดยรวมแล้ว เว็บคิดเป็น 2% ของการปล่อยก๊าซเรือนกระจกทั้งหมด นั่นเทียบเท่ากับอุตสาหกรรมการบินทั่วโลกและเหมือนกับเยอรมนี ซึ่งเป็นประเทศที่มีมลพิษสูงเป็นอันดับหกของโลก

ทุกครั้งที่มีคนเปิดหน้าเว็บเดียว จะปล่อย CO2 20 มิลลิกรัมต่อวินาที สำหรับไซต์ที่ซับซ้อนมากขึ้น อาจมากถึง 300 มิลลิกรัม

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

ฉันไม่จำเป็นต้องสะกดว่าสิ่งนี้มีความหมายต่อโลกของเราอย่างไร

แล้วเราจะทำอะไรกับมันได้บ้าง?

การสร้างเว็บไซต์ประหยัดพลังงาน

ขนาดเฉลี่ยของหน้าเว็บวันนี้คือ 1711.4kb เมื่อถ่ายโอนข้อมูลมากขึ้น รอยเท้าคาร์บอนของเราก็เพิ่มขึ้นตามไปด้วยโดยธรรมชาติ

“ในฐานะนักออกแบบและนักพัฒนา เราทุกคนมีพลังในการลดการใช้พลังงานและผลกระทบต่อสิ่งแวดล้อมของเว็บด้วยการออกแบบเว็บไซต์ที่ประหยัดพลังงานมากขึ้น

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

หากต้องการสร้างเว็บไซต์ที่ประหยัดพลังงานและยั่งยืน ให้ปฏิบัติตามแนวทางปฏิบัติที่ดีที่สุดเหล่านี้:

  1. ปรับภาพให้เหมาะสมเพื่อลดขนาดไฟล์
  2. ใช้วิดีโออย่างมีกลยุทธ์
  3. ใช้การโหลดแบบ Lazy Loading สำหรับรูปภาพและสื่อ
  4. ตั้งค่าการแคชเว็บ
  5. ลบสิ่งที่คุณไม่ต้องการ
  6. ปรับปรุงการนำทางไซต์เพื่อให้ค้นหาข้อมูลได้ง่าย
  7. ใช้โฮสต์เว็บสีเขียว

1. ปรับภาพให้เหมาะสมเพื่อลดขนาดไฟล์

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

โชคดีที่การลดขนาดภาพเป็นวิธีที่ง่ายที่สุดวิธีหนึ่งในการแบ่งเบาภาระ รับจุกจิกเกี่ยวกับภาพที่คุณรวม พวกเขามีจุดประสงค์หรือเพียงแค่ดูดี? ใช้เฉพาะภาพที่คุณต้องการจริงๆ และลดความละเอียดและคุณภาพของภาพให้มากที่สุด จากนั้นใช้เครื่องมือเช่น TinyPNG หรือ WP Smush Pro ก่อนอัปโหลดไปยังไซต์


2. ใช้วิดีโออย่างมีกลยุทธ์

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

แต่การใช้วิดีโอได้รับความนิยมอย่างมากในช่วงไม่กี่ปีที่ผ่านมา เนื่องจากมีประสิทธิภาพในการมีส่วนร่วมและดึงดูดช่วงความสนใจที่ลดลงของเรา

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


3. ใช้ Lazy Load สำหรับรูปภาพและสื่อ

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

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


4. ตั้งค่าการแคชเว็บ

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

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


5. ลบสิ่งที่คุณไม่ต้องการ

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


6. ปรับปรุงการนำทางไซต์เพื่อให้ค้นหาข้อมูลได้ง่าย

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

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


7. เลือกโฮสต์เว็บสีเขียว

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

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

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

กำลังมองหาโฮสต์ที่มีข้อกำหนดนี้หรือไม่? คลิกที่นี่เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับแพลตฟอร์มโฮสติ้ง WordPress ที่มีการจัดการของ Flywheel ที่ขับเคลื่อนโดย GCP

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

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

คุณมีเคล็ดลับดีๆ ในการออกแบบเว็บไซต์ที่ยั่งยืนและลดผลกระทบต่อสิ่งแวดล้อมของเว็บหรือไม่? เข้าร่วมการสนทนาด้านล่าง


บทความนี้เผยแพร่ครั้งแรกเมื่อวันที่ 4-9-2018 อัปเดตล่าสุดเมื่อ 4-17-2019