Google อยู่ในอันดับต้น ๆ ของห่วงโซ่อาหารบนอินเทอร์เน็ต สังคมมีอิทธิพล (หรือกำหนด) สิ่งที่เกิดขึ้นบนโลกออนไลน์มากมาย และรูปแบบภาพใหม่ WebP ยังคงมีแนวโน้มนี้ เนื่องจากความเร็วในการโหลดหน้าเว็บมีความสำคัญมากขึ้นเรื่อย ๆ (สาเหตุหลักมาจาก Google Page Rank) นักพัฒนาและนักออกแบบมองว่าการบีบอัดรูปภาพเป็นวิธีที่ง่ายที่สุดในการลดเวลาในการโหลด รูปภาพ Google WebP มีขนาดเล็กกว่ารูปภาพ JPG หรือ PNG ทั่วไปประมาณ 30% และรักษาคุณภาพที่เทียบเท่า เหนือสิ่งอื่นใดคุณไม่ต้องกังวลเกี่ยวกับการแปลงรูปภาพของคุณเป็น WebP ด้วยตนเอง

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

ใช้ Optimole เพื่อให้บริการไฟล์ WebP บน WordPress

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

ในบรรดาบริการ WebP ที่ทดสอบ Optimole โดดเด่นจากฝูงชน มันสามารถทำงานได้โดยมีการกำหนดค่าขั้นต่ำ เราจึงต้องการอธิบายให้คุณทราบถึงวิธีการกำหนดค่าและทำให้การติดตั้ง WordPress ของคุณเข้ากันได้กับรูปแบบ WebP อย่างง่ายดายที่สุด

ก่อนอื่นคุณจะต้องการอย่างชัดเจน ดาวน์โหลดและติดตั้งปลั๊กอินเอง . อยู่ในไดเรกทอรี WP.org และฟรี เนื่องจากบริการที่ใช้ API ที่เปิดใช้งาน (จนถึงจุดหนึ่ง) แม้ว่าจะสามารถแปลงรูปภาพแบบดั้งเดิมเป็น WebP ได้ทันทีโดยใช้ PHP แต่โฮสต์เว็บบางแห่งไม่ได้ให้สิทธิ์นี้กับเซิร์ฟเวอร์ของคุณ หากคุณได้รับอนุญาตนี้คุณยังสามารถดูปลั๊กอินได้ WebP Express. คุณสามารถควบคุมมันได้มากมาย แต่เป็นระบบที่ต้องการการกำหนดค่าเพิ่มเติมเพื่อให้สามารถทำงานได้อย่างราบรื่น

เมื่อติดตั้งและเปิดใช้งาน Optimole บน .ของคุณแล้ว เว็บไซต์เว็บ WordPress คุณจะพบตัวเลือกเมนูใหม่บน สื่อ - Optimole .

รหัส Optimole API ของคุณ

ก่อนที่คุณจะสามารถเข้าถึงการตั้งค่าหรือการกำหนดค่าคุณต้องมีบัญชี Optimole หากคุณได้กำหนดค่าไว้แล้วคุณสามารถคลิกที่ปุ่ม ฉันมีคีย์ API อยู่แล้ว . ถ้าไม่, บันทึกและส่งคีย์ API ทางอีเมล . บัญชีคีย์ API พื้นฐานนั้นฟรีและคุณจะได้รับ Hit ประมาณ 5 ครั้งในระดับนี้ หากคุณต้องการมากกว่านั้นมีระดับราคาให้เลือก

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

เมื่อการเยี่ยมชมที่วัดได้หมดลงรูปภาพ WebP เท่านั้นที่หยุดแสดง ภาพของคุณไม่ได้ คุณจะพบคีย์ API ในแดชบอร์ด Optimole ที่ด้านบนสุด

เพียงวางลงในแดชบอร์ด WordPress ของคุณและคุณก็พร้อมที่จะเริ่มเผยแพร่ภาพ WebP ด้วย WordPress

แดชบอร์ด Optimole WordPress ของคุณ

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

ขั้นแรกคุณจะเห็นบัญชีที่เชื่อมโยงกับ API จากนั้นที่ด้านล่างของหน้าจอปลั๊กอินจะแสดงรูปภาพที่ปรับให้เหมาะสมล่าสุด คุณสามารถดูได้ว่าภาพ WebP ที่แสดงนั้นเล็กกว่าภาพต้นฉบับที่คุณอัปโหลดไปยัง WordPress มากเพียงใด

จากนั้นมีแท็บ ความยากลำบาก เป็นไปได้ ด้านบน. ไม่มีใครชอบเห็นแท็บที่ไฮไลต์ แต่เราทุกคนต้องดูว่าความขัดแย้งอาจเกิดขึ้นด้วย

ปัญหาหลักที่เราประสบคือการบีบอัดรูปภาพและปลั๊กอินการจัดส่งอื่น ๆ ดังที่คุณเห็นในภาพด้านบนปลั๊กอิน Jetpack ทำงานคล้ายกับ Optimole ผ่าน Photon APIT เพื่อให้พวกเขาสามารถชนหัวได้ สำหรับเรา สิ่งนี้แสดงให้เห็นแล้วว่าไม่มีการส่งภาพใด ๆ ไปยัง ผู้มาเยือน. เราไม่ได้มีปัญหาใดๆ กับบริการบีบอัดอื่นๆ เช่น TinyPNG หรือ Smush

การใช้แดชบอร์ด

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

แทนที่จะเล็กลงเพียง 9,5 เท่าคุณสามารถดูขนาดจริงของไฟล์ที่กำลังให้บริการได้ ตลอดจนไฟล์ในช่วงเวลา 30 วัน

คุณยังสามารถตั้งค่าลายน้ำในแดชบอร์ด Optimole (หรือ WP) เพื่อให้ทุกคนที่ได้รับ WebP จากไซต์ WordPress ของคุณได้รับโลโก้ของคุณโดยอัตโนมัติ เป็นกระบวนการที่เรียบง่าย และคุณสามารถควบคุมความทึบ ตำแหน่ง และอื่นๆ ได้

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

นอกจากนี้คุณจะสามารถควบคุมระดับการบีบอัดการโหลดแบบขี้เกียจและเวลา / หากมีการสตรีมรูปภาพบางรูปเป็น WebP ตามชื่อไฟล์ คุณจะพบทั้งหมดนี้ในแท็บ การตั้งค่าโหมด de สื่อ - Optimole .

ซอง

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