คุณกำลังใช้งานเว็บไซต์ Elementor Cloud อยู่ แต่คุณแน่ใจหรือไม่ว่าบล็อกของคุณรวดเร็วสำหรับผู้เยี่ยมชมของคุณ? หาก Elementor Cloud มาพร้อมกับการเพิ่มประสิทธิภาพที่ดีที่สุดเท่าที่จะเป็นไปได้เพื่อให้เว็บไซต์ของคุณรวดเร็ว มีความเป็นไปได้อย่างมากสำหรับการเพิ่มประสิทธิภาพความเร็ว
การมีเว็บไซต์ที่รวดเร็วเป็นข้อกำหนดในปัจจุบัน เนื่องจากมีผู้เข้าชมเพียงไม่กี่คนที่จะรอถึง 3 วินาทีที่เว็บไซต์ของคุณโหลด ยิ่งใช้เวลาในการโหลดมาก ผู้เข้าชมของคุณก็จะเด้งกลับมากขึ้นเท่านั้น ผู้เข้าชมที่ตีกลับหมายถึงการสูญเสียเงิน
ในบทช่วยสอนนี้ เราจะแบ่งปันกับเคล็ดลับและกลเม็ดที่ดีที่สุดของคุณ ซึ่งคุณสามารถนำไปใช้ได้ทันทีบนเว็บไซต์ Elementor Cloud ของคุณ เคล็ดลับสุดท้ายจะแสดงให้คุณเห็นถึงวิธีใช้ปลั๊กอินแคชเพื่อเพิ่มประสิทธิภาพอย่างมาก
1. การใช้รูปภาพที่มีการบีบอัดที่ดีขึ้น
คุณอาจใช้รูปภาพจำนวนมากบนเว็บไซต์ Elementor Cloud ถ้าคุณไม่ปรับให้เหมาะสม เว็บไซต์ของคุณจะแสดงไฟล์ขนาดใหญ่และหนัก ทำให้เว็บไซต์โหลดช้า เคล็ดลับในการเพิ่มประสิทธิภาพแรกของคุณคือการอัปโหลดรูปภาพที่มีขนาดเล็กลง (ยกเว้นกรณีที่คุณมีพอร์ตโฟลิโอออนไลน์) จากนั้นคุณจะต้องเพิ่มปลั๊กอิน Elementor Cloud Compatible และหนึ่งในนั้นคือ Smush
สร้างเว็บไซต์ที่น่าทึ่ง
ด้วย Elementor ตัวสร้างหน้าฟรีที่ดีที่สุด
เริ่มเลยSmush – Lazy Load Images, เพิ่มประสิทธิภาพ & บีบอัดรูปภาพ
ปรับรูปภาพให้เหมาะสม เปิดโหลดขี้เกียจ ปรับขนาด บีบอัด & ปรับปรุง Google Page Speed ของคุณด้วย WordPress image smusher ที่ทรงพลังอย่างเหลือเชื่อและฟรี 1,00% มาถึงคุณโดย WPMU DEV!
ฟีเจอร์หลัก
- Super Smush
- การบีบอัดแบบไม่สูญเสียข้อมูล
- ขี้เกียจโหลด
- ขยะจำนวนมาก
- การปรับขนาดภาพ
- การตรวจจับภาพขนาดไม่ถูกต้อง
- ไดเรกทอรี Smush
- การเพิ่มประสิทธิภาพอัตโนมัติ
- ไม่มีขีดจำกัดรายเดือน
ปลั๊กอินนี้จะช่วยบีบอัดภาพของคุณ คุณแทบจะไม่ต้องดำเนินการด้วยตนเองเมื่อติดตั้งปลั๊กอินนี้แล้ว
2. ลดขนาด CSS และ JS
หากคุณกำลังใช้เครื่องมือเช่น YellowPencil เพื่อแก้ไขสไตล์เว็บไซต์ของคุณ คุณอาจได้รับ CSS ที่ไม่มีการบีบอัดจำนวนมาก CSS หรือ Js ที่ไม่บีบอัดคือไฟล์ที่มีพื้นที่ว่างที่ไม่จำเป็นซึ่งสามารถตัดทอนได้ ที่นี่ คุณจะแนะนำให้ใช้ปลั๊กอินย่อขนาดแม้ว่า Cloudflare ที่แท้จริงบน Elementor Cloud จะให้บริการย่อขนาด
Hummingbird – ปรับความเร็วให้เหมาะสม เปิดใช้งานแคช ลดขนาด CSS & เลื่อน Critical JS
การเพิ่มประสิทธิภาพความเร็วของเว็บไซต์ของคุณทำได้ง่ายขึ้นด้วยการควบคุมที่ปรับแต่งมาอย่างดีของ Hummingbird สำหรับการบีบอัดไฟล์ การเลื่อนรูปแบบ CSS และ JavaScript และสคริปต์ การลดขนาดสำหรับ CSS การผสานการทำงานแบบ Lazy Load และการแคชระดับโลก
ฟีเจอร์หลัก
- เปิดใช้งานการบีบอัดข้อความ
- เชื่อมต่อล่วงหน้ากับต้นทางที่จำเป็น
- โหลดคำขอคีย์ล่วงหน้า
- หลีกเลี่ยงเพย์โหลดเครือข่ายขนาดใหญ่
- ใช้แคชที่มีประสิทธิภาพ
- แก้ไขเวลาดำเนินการ JavaScript ของคุณ
- ลดขนาด CSS
- ลดขนาด JavaScript
- กำจัดทรัพยากรการบล็อกการแสดงผล
- เลื่อน CSS . ที่ไม่ได้ใช้ออกไป
3. หลีกเลี่ยงการใช้ปลั๊กอินมากเกินไป
ปลั๊กอินจำนวนมากได้รับการเผยแพร่ทุกวันในระบบนิเวศของ WordPress หากคุณได้รับอนุญาตให้เพิ่มปลั๊กอินใน Elementor Cloud คุณควรติดตั้งเฉพาะปลั๊กอินที่จำเป็นสำหรับเว็บไซต์ของคุณเท่านั้น
แทนที่จะมีปลั๊กอินหลายตัวที่ทำสิ่งต่าง ๆ บนเว็บไซต์ของคุณ ให้เริ่มค้นหาปลั๊กอินที่รวมคุณสมบัติเหล่านั้นเข้าด้วยกัน
4. ใช้ธีม WordPress ที่แนะนำ
เว็บไซต์ที่รวดเร็วนั้นขึ้นอยู่กับคุณภาพของธีม WordPress ของคุณด้วย แต่ธีมไม่ควรเป็นธีม WordPress คุณภาพดีเท่านั้น แต่ควรเข้ากันได้กับ Elementor ด้วย มีไม่กี่ธีมที่ให้คุณภาพที่ดีกับ Elementor นี่คือรายการที่ดีที่สุดที่เราแนะนำ
คุณจะเลือกธุรกิจที่เหมาะกับธุรกิจของคุณที่สุด
5. การเพิ่มประสิทธิภาพฐานข้อมูล
ฐานข้อมูลของเว็บไซต์ Elementor Cloud เป็นที่จัดเก็บเนื้อหาและการตั้งค่าทั้งหมดของเว็บไซต์ของคุณ (รวมถึงการออกแบบ Elementor ของคุณ)
ข้อมูลทั้งหมดที่จำเป็นในการแสดงหน้าบนไซต์ WordPress จะถูกดึงมาจากการสืบค้นฐานข้อมูลเมื่อมีผู้เยี่ยมชมมาถึง (แต่ดังที่เราได้กล่าวไว้ข้างต้น การแคชหน้าสามารถขจัดกระบวนการนี้สำหรับผู้เข้าชมส่วนใหญ่ได้)
ความเร็วไซต์ของคุณลดลงเนื่องจากข้อความค้นหาเหล่านี้ใช้เวลานานขึ้นและใช้ทรัพยากรเซิร์ฟเวอร์มากขึ้นเมื่อฐานข้อมูลของคุณมีขนาดและความซับซ้อนเพิ่มขึ้น
ด้วยเหตุนี้ คุณควรทำความสะอาดฐานข้อมูลของเว็บไซต์ของคุณเป็นประจำ ต่อไปนี้คือปลั๊กอินบางส่วนที่อาจช่วยได้:
6. ใช้ปลั๊กอินแคชหน้า
หนึ่งในปลั๊กอินที่แนะนำที่ดีที่สุดสำหรับการแคชบน Elementor Cloud คือ WP Super Cache ปลั๊กอินนี้ทำงานเหมือนกับ W3 Total Cache แต่รุ่นล่าสุดนี้เข้ากันไม่ได้
WP Super Cache
WP Super Cache สร้างไฟล์ HTML แบบคงที่จากเว็บไซต์ Elementor Cloud แบบไดนามิกของคุณ หลังจากสร้างไฟล์ HTML แล้ว เว็บเซิร์ฟเวอร์ของคุณจะให้บริการไฟล์นั้นแทนการประมวลผลสคริปต์ WordPress PHP ที่ค่อนข้างหนักและมีราคาแพงกว่า
การแสดงที่คุณจะได้รับจากปลั๊กอินนี้น่าทึ่งมาก ส่วนใหญ่เมื่อหน้าโหลด จะขอให้เซิร์ฟเวอร์สร้างหน้านั้นทั้งหมด ด้วยปลั๊กอินนี้ หน้าเว็บที่เป็น HTML แบบคงที่จะทำให้โหลดเร็วขึ้น
สรุป
Elementor Cloud เป็นหนึ่งในโซลูชันโฮสติ้งที่ดีที่สุดสำหรับนักออกแบบในปัจจุบัน เนื่องจากมีทุกสิ่งที่จำเป็นในการสร้างเว็บไซต์ด้วย Elementor อย่างไรก็ตาม เพื่อปรับปรุงประสิทธิภาพของเว็บไซต์ Elementor Cloud เราได้เห็นเคล็ดลับและเคล็ดลับสองสามข้อที่เราเชื่อว่าจะปรับปรุงประสบการณ์ผู้ใช้ของคุณตลอดโพสต์นี้
