Get In Touch
[email protected]
Th: +6620263180

ปรับหน้า WORDPRESS ให้สวยงามและเหมาะสมด้วย IMAGEENGINE

ปรับหน้า WORDPRESS ให้สวยงามและเหมาะสมด้วย IMAGEENGINE

WordPress มีอํานาจเกือบ 40% ของเว็บไซต์ทั้งหมดด้วยความมุ่งมั่นที่จะทําให้สิ่งพิมพ์เป็นไปได้สําหรับทุกคนฟรี เมื่อรวมกับปลั๊กอินและธีมพรีเมี่ยมอาจเป็นเครื่องมือที่ดีที่สุดสําหรับการสร้างเว็บไซต์ที่น่าสนใจไม่เหมือนใครและมีคุณสมบัติหลากหลายโดยไม่ต้องมีการเขียนโค้ดหรือมีประสบการณ์ในการออกแบบ 

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

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

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

ทําไมต้องปรับภาพ Elementor ของคุณด้วย ImageEngine?

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

ประการแรก ImageEngine เมื่อใช้ในโหมดอัตโนมัติจะใช้การเพิ่มประสิทธิภาพต่อไปนี้ทั้งหมดที่เครื่องมือประสิทธิภาพเว็บเช่น PageSpeed Insight ของ Google แนะนํา เช่น:

  • ภาพขนาดที่เหมาะสม – ImageEngine จะปรับขนาดรูปภาพโดยอัตโนมัติสําหรับอัตราส่วนขนาดต่อคุณภาพที่เหมาะสมขึ้นอยู่กับขนาดหน้าจอของอุปกรณ์ผู้ใช้ ImageEngine รองรับอุปกรณ์ Retina
  • เข้ารหัสภาพได้อย่างมีประสิทธิภาพ – ใช้อัตราการบีบอัดที่แตกต่างกันขึ้นอยู่กับ PPI ของอุปกรณ์ผู้ใช้ ตัวอย่างเช่น ImageEngine ปรับและบีบอัดบนอุปกรณ์ PPI ที่สูงขึ้นโดยไม่สูญเสียคุณภาพของภาพ
  • การแปลงรูปแบบ Next-gen – แปลงรูปภาพเป็นรูปแบบ next-gen ที่ดีที่สุดโดยอัตโนมัติตามเบราว์เซอร์อุปกรณ์หรือระบบปฏิบัติการ ImageEngine สามารถแปลงรูปภาพเป็น WebP หรือ JPEG-2000 รวมถึง GIF เป็น MP4 หรือ WebP AVIF ยังมีอยู่ในโหมดคําสั่งด้วยตนเอง
  • ตัดข้อมูลเมตาที่ไม่จําเป็นออก-ในขณะที่คุณสมบัติเหล่านี้เป็นมาตรฐานสําหรับ CDNs ภาพส่วนใหญ่ ImageEngine เป็นเอกลักษณ์สําหรับการใช้การตรวจจับอุปกรณ์ WURFL สิ่งนี้ทําให้ ImageEngine มีข้อมูลเชิงลึกเกี่ยวกับอุปกรณ์ผู้ใช้ที่เข้าถึงหน้าเว็บไซต์และโดยการขยายภาพ การใช้ขนาดหน้าจอความละเอียด PPI ฯลฯ ImageEngine สามารถตัดสินใจอย่างชาญฉลาดมากขึ้นเกี่ยวกับวิธีลดน้ําหนักบรรทุกของภาพในขณะที่รักษาคุณภาพของภาพ

นี่คือเหตุผลที่ ImageEngine แบรนด์ตัวเองเป็น CDN ภาพ “อัจฉริยะ, อุปกรณ์ตระหนัก” และทําไมมันสามารถลดเพย์โหลดภาพได้มากถึง 80% (ถ้าไม่มาก)

ImageEngine ยังให้บริการ CDN ที่เป็นกรรมสิทธิ์เพื่อเร่งการส่งมอบภาพ CDN ประกอบด้วย PoPs ที่อยู่ในตําแหน่งสากล 20 รายการพร้อมตรรกะการรับรู้อุปกรณ์ในตัว สิ่งนี้ช่วยให้คุณสามารถส่งมอบเนื้อหาภาพได้เร็วขึ้นในภูมิภาคต่าง ๆ ในขณะที่ยังให้บริการภาพโดยตรงจากแคชด้วยอัตราส่วนการตี ~ 98%

ImageEngine ยังรองรับการตั้งค่าบันทึกข้อมูลของ Chrome ด้วย หากมีคนเชื่อมต่อช้าหรือเปิดใช้งานการตั้งค่านี้ ImageEngine จะบีบอัดเพย์โหลดรูปภาพโดยอัตโนมัติมากยิ่งขึ้นเพื่อให้ประสบการณ์การใช้งานที่ดีขึ้นในการเชื่อมต่อที่ช้าลง

วิธีใช้ ImageEngine กับ WordPress และ Elementor

หากคุณใช้ WordPress และ Elementor โอกาสที่คุณต้องการใช้เวลาในการพัฒนาและเทคนิคอื่น ๆ น้อยที่สุด โชคดีที่ ImageEngine เป็นเครื่องมือที่มีความคล่องตัวสูงซึ่งต้องใช้ความพยายามเพียงเล็กน้อยถึงไม่มีเลยในการรวมหรือบํารุงรักษากับเว็บไซต์ WordPress

สมมติว่าคุณมีเว็บไซต์ WordPress กับ Elementor แล้วต่อไปนี้เป็นคําแนะนําทีละขั้นตอนในการใช้ ImageEngine:

  • ไปที่ ImageEngine.io และ ไซน์อัพ เพื่อทดลองใช้ฟรี 30 วัน
  • ระบุ ImageEngine ด้วย URL ของเว็บไซต์ที่คุณต้องการปรับให้เหมาะสม
  • สร้างบัญชี (หรือลงทะเบียนด้วยบัญชี Google, GitHub หรือ ScientiaMobile ที่มีอยู่)
  • ให้ ImageEngine กับต้นกําเนิดปัจจุบันที่ภาพของคุณได้รับบริการจาก หากคุณอัปโหลดรูปภาพไปยังเว็บไซต์ WordPress ของคุณตามปกตินั่นหมายความว่าให้ที่อยู่เว็บไซต์ WordPress ของคุณอีกครั้ง
  • สุดท้าย ImageEngine จะสร้างที่อยู่จัดส่ง ImageEngine ให้คุณจากที่ที่ภาพที่ปรับให้เหมาะสมของคุณจะถูกเสิร์ฟ โดยทั่วไปจะอยู่ในรูปแบบของ: {randomstring}.cdn.imgeng.in คุณสามารถเปลี่ยนที่อยู่จัดส่งเป็นสิ่งที่มีความหมายมากขึ้นจากแดชบอร์ด เช่น myimages.cdn.imgeng.in

ตอนนี้เพื่อตั้งค่า ImageEngine บนเว็บไซต์ WordPress ของคุณ:

1.ไปที่แดชบอร์ด WordPress และไปที่ปลั๊กอิน -> เพิ่มใหม่

2.ค้นหาปลั๊กอิน “Image CDN” โดย ImageEngine เมื่อคุณพบให้ติดตั้งและเปิดใช้งานปลั๊กอิน

ImageEngine

3.ไปที่การตั้งค่า ->ภาพ CDN ตกลงดังนั้นนี่คือแดชบอร์ดปลั๊กอิน ImageEngine ในการกําหนดค่าสิ่งที่คุณต้องทําคือ:

ก. คัดลอกที่อยู่จัดส่งที่คุณต้องการจาก ImageEngine ด้านบนและวางลงในฟิลด์ “ที่อยู่จัดส่ง”

ข. เลือกช่อง “เปิดใช้งาน ImageEngine”

.

ImageEngine

นั่นคือตัวอักษรมัน. ภาพทั้งหมดที่คุณใช้ในหน้า WordPress / Elementor ของคุณควรให้บริการผ่าน ImageEngine CDN ที่ปรับให้เหมาะสมแล้ว

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

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

<img src="https://myimages.cdn.imgeng.in/wp-content/uploads/2021/03/banner-logo.png?imgeng=/w_300/f_webp">

อย่างไรก็ตามให้ใช้สิ่งนี้เมื่อจําเป็นเท่านั้นเนื่องจากการทําเช่นนั้นจะ จํากัด การปรับตัวของ ImageEngine ภายใต้เงื่อนไขที่แตกต่างกัน

เราใช้คุกกี้เพื่อประสบการณ์การใช้งานที่ดีที่สุดบนเว็บไซต์