การท่องเว็บอย่างยั่งยืนใน Chrome ด้วย OffiDocs

DESCRIPTION

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

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

มีหลายวิธีที่หน้าเว็บจะใช้พลังงานมากเกินความจำเป็น

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

ประการที่สอง หน้าเว็บมักจะแสดงองค์ประกอบที่ไม่จำเป็นจำนวนมาก เช่น รูปภาพ ซึ่งผู้เข้าชมไม่สนใจ

ประโยชน์ของการทำให้หน้าเว็บประหยัดพลังงานมากขึ้นนั้นไม่ชัดเจนสำหรับนักพัฒนา

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

เนื่องจากการขาดโฟกัสนี้ จึงสามารถประหยัดพลังงานได้มากด้วยการทำให้เว็บมีประสิทธิภาพมากขึ้น

โดยเฉพาะอย่างยิ่ง เราจะดูที่การนำประสิทธิภาพมาสู่ฝั่งเซิร์ฟเวอร์

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

เรามุ่งมั่นที่จะทำเช่นนี้โดยสร้างส่วนขยายของเบราว์เซอร์ที่กรองหน้าเว็บก่อนที่จะโหลดเข้ามา

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

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

แบบอักษรมีค่าเริ่มต้นเป็น Arial ซึ่งสร้างขึ้นในเบราว์เซอร์ใดก็ได้

ระดับสีเทาซ้อนทับบนไซต์และรูปภาพจะถูกสลับเป็นเฟรมว่าง

ในการใช้ส่วนขยายเบราว์เซอร์ดังกล่าว เราใช้การแทรก CSS เป็นหลัก

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

วิธีนี้ไม่ได้เจาะจงหน้า ดังนั้นส่วนขยายจึงสามารถใช้งานบนหน้าเว็บใดก็ได้และทุกหน้า

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

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

ทั้งหมดนี้ทำให้หน้าเว็บเป็นแบบเรียบง่ายมากขึ้น

หลังจากที่แทรก CSS แล้ว หน้าเว็บจะโหลดขึ้นมา

จากนั้นเราจึงจะสามารถรันจาวาสคริปต์บน DOM (Document Object Model) ซึ่งเป็นโมเดลที่อธิบายเนื้อหาของเพจ

ที่นี่ รูปภาพและองค์ประกอบสื่ออื่นๆ ทั้งหมด เช่น วิดีโอและเสียง จะถูกลบออกจากเพจ

ข้อมูลเพิ่มเติม:

- เสนอโดยโคเอนฮาเกน
- คะแนนเฉลี่ย : 0 ดาว (เกลียดมัน)
- นักพัฒนา อีเมลนี้จะถูกป้องกันจากสแปมบอท แต่คุณต้องเปิดการใช้งานจาวาสคริ

เว็บท่องเว็บอย่างยั่งยืน extension รวมเข้ากับ OffiDocs Chromium ออนไลน์