ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

Lazy Loading

เวอร์ชัน: 3.7.0

ประเภทของส่วนเสริม: Component

รองรับกับ Joomla: 3.x


  SP Page Builder Pro เป็น Extensions เสริมสำหรับ  Joomla เป็นเครื่องมือที่ใช้สำหรับจัดการเนื้อหาหน้าเว็บไซต์ ซึ่ง SP Page Builder Pro นั้นจะใช้ระบบการสร้างเว็บไซต์แบบ Drag & Drop (คลิ้ก ลาก วาง) หรือ WYSIWYG (What You See Is What You Get) ในปัจจุบัน SP Page Builder Pro ได้มีการอัปเดตเวอร์ชั่นใหม่ เป็นเวอร์ชั่น 3.7.0 โดยได้มีการเพิ่มฟีเจอร์ " Lazy Loading " ที่จะช่วยให้การโหลดหน้าเว็บไซต์เร็วขึ้นกว่าเดิม

 



 

การอัพเดต SP Page Builder Pro เวอร์ชั่น 3.7.0 

  • New: เพิ่มฟีเจอร์ Lazy Load
  • New: Carousel option ในส่วนเสริม Clients
  • New: ตัวกรองรูปภาพและตัวเลือกแบบโฮเวอร์ใน แอดออน ของลูกค้า
  • Update: รูปแบบแผนที่ 2 แบบ (Open Street Black / White, Hike Bike) ถูกลบเนื่องจาก API ไม่ตอบสนองปัญหา
  • Fix: ปัญหาค่าที่ไม่ใช่ตัวเลขในส่วนเสริม Testimonial Carousel
  • Fix: ระยะ ขอบแถว ภายในขอบ: ไม่ทำงานอัตโนมัติกับปัญหาส่วนหน้า

 

Lazy Loading คืออะไร ?

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

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

 

ประเภทของ Lazy Loading ใน SP Page Builder

   ในการอัปเดต SP Page Builder จะมี Lazy Loading 2 ประเภท ประเภทแรกคือ native lazy loading สำหรับผู้ใช้ Chrome จะทำการเลื่อนการโหลดเนื้อหาออกไป จนกว่าผู้ใช้งานจะเลื่อนลงไปที่เนื้อหา และอีกประเภทคือ IntersectionObserver’s สำหรับผู้ที่ไม่ได้ใช้ Chrome

 

วิธีการเปิดใช้งาน Lazy Loading บน Joomla

   เว็บไซต์ที่สร้างโดยใช้ SP Page Builder Pro ตอนนี้สามารถใช้ Lazy Loading ได้ภายในคลิกเดียว โดยผู้ใช้งานสามารถทำการเปิดใช้งาน Lazy Loading จาก Global Configuration ทำการคลิกที่ปุ่ม Options ที่มุมขวาบนในหน้า SP Page Builder panel

 

คลิก Options เพื่อทำการตั้งค่าการใช้งาน Lazy loadingคลิก Options เพื่อทำการตั้งค่า

 

จากนั้นจะเห็นหน้า SP Page Builder Configuration ทำการเปิดการใช้งาน Lazy Loading เมื่อเปิดใช้งานแล้ว จะแสดง ฟิลด์ Placeholder Image ภาพนี้จะถูกใช้ก่อนที่จะทำการโหลดเนื้อหา ควรใช้ไฟล์ภาพที่เบาที่สุดเท่าที่จะเป็นไปได้

ตัวอย่างแสดงขั้นตอนการเปิดใช้งาน Lazy loading
ทำการเปิดใช้งาน Lazy loading

 

Carousel Option ในส่วนเสริม Clients

   นอกจากนี้ ยังมีการเพิ่มฟีเจอร์ Carousel Option ในส่วนเสริม Clients ซึ่งในเวอร์ชั่นนี้สามารถทำ Slide ให้กับ logo ของลูกค้าได้ เพียงทำการเปิดใช้งาน Use As Carousel

ตัวอย่างฟีเจอร์ใหม่ของส่วนเสริม Client
Carousel Option ฟีเจอร์ใหม่ของส่วนเสริม Client

 

   SP Page Builder เป็นตัวช่วยที่ดีในการสร้างเว็บไซต์บน Joomla และในการอัพเดตครั้งนี้ยังมีฟีเจอร์อย่าง Lazy Loading ที่จะเข้ามาช่วยให้หน้าเว็บของโหลดเร็วขึ้นมากกว่าเดิม


Version 3.7.0 2020-02-19

New

  • เพิ่มฟีเจอร์ Lazy Load
  • Carousel option ในส่วนเสริม Clients

Update

  • รูปแบบแผนที่ 2 แบบ (Open Street Black / White, Hike Bike) ถูกลบเนื่องจาก API ไม่ตอบสนองปัญหา

Bug fix

  • ปัญหาค่าที่ไม่ใช่ตัวเลขในส่วนเสริม Testimonial Carousel
  • ระยะ ขอบแถว ภายในขอบ: ไม่ทำงานอัตโนมัติ

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
R - Option ตัวเลือก การศึกษา
โดย thatsawan พฤ 21 พฤษภาคม 2020 1:00 pm บอร์ด Odoojob.com - Manual & Content
1
2
ส 06 มิ.ย. 2020 6:50 pm โดย thatsawan
R - Option ตัวเลือก สวัสดิการ
โดย thatsawan พฤ 21 พฤษภาคม 2020 1:00 pm บอร์ด Odoojob.com - Manual & Content
0
2
พฤ 21 พฤษภาคม 2020 1:00 pm โดย thatsawan
R - Option ตัวเลือก ประเภทการจ้าง
โดย thatsawan พฤ 21 พฤษภาคม 2020 12:59 pm บอร์ด Odoojob.com - Manual & Content
1
2
ส 06 มิ.ย. 2020 6:53 pm โดย thatsawan
ERP กับการขอเบิกเครื่องมือมาใช้จากสโตร์
โดย sirirat พฤ 21 พฤษภาคม 2020 12:58 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
46
พฤ 21 พฤษภาคม 2020 12:58 pm โดย sirirat
R - Option ตัวเลือก ประสบการณ์
โดย thatsawan พฤ 21 พฤษภาคม 2020 12:53 pm บอร์ด Odoojob.com - Manual & Content
1
3
ส 06 มิ.ย. 2020 6:50 pm โดย thatsawan
R - Option ตัวเลือก เงินเดือน
โดย thatsawan พฤ 21 พฤษภาคม 2020 12:53 pm บอร์ด Odoojob.com - Manual & Content
0
3
พฤ 21 พฤษภาคม 2020 12:53 pm โดย thatsawan
การจัดการภาษีมูลค่าเพิ่มเพื่อนำส่งในระบบ ERP
โดย sirirat พฤ 21 พฤษภาคม 2020 12:00 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
46
พฤ 21 พฤษภาคม 2020 12:00 pm โดย sirirat
การตั้งหนี้จากรายการซื้อวัสดุอุปกรณ์ในระบบ ERP
โดย sirirat พฤ 21 พฤษภาคม 2020 11:00 am บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
45
พฤ 21 พฤษภาคม 2020 11:00 am โดย sirirat
งานประจำวันที่ 21 พฤษภาคม 2563
โดย sirirat พฤ 21 พฤษภาคม 2020 10:08 am บอร์ด M102 - ศิริรัตน์ ทิพย์น้อย
4
26
พฤ 21 พฤษภาคม 2020 8:45 pm โดย thatsawan
R - รูปแบบชื่อที่ใช้ แสดง และ subject ของ E-mail แต่ละฉนับ
โดย mindphp พฤ 21 พฤษภาคม 2020 1:53 am บอร์ด OdooJob.com - Developer
0
1
พฤ 21 พฤษภาคม 2020 1:53 am โดย mindphp
สรุปการเรียนรู้ประจำวัน 20/05/63
โดย sirirat พ 20 พฤษภาคม 2020 8:47 pm บอร์ด M102 - ศิริรัตน์ ทิพย์น้อย
0
4
พ 20 พฤษภาคม 2020 8:47 pm โดย sirirat
ตัวเลือกในการเรียกดูรายงาน AR BALANCE DETAIL REPORT เพื่อให้ได้รายการที่ต้องการ
โดย sirirat พ 20 พฤษภาคม 2020 7:01 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
51
พ 20 พฤษภาคม 2020 7:01 pm โดย sirirat
Work Request ในระบบ ERP สำหรับการออกเอกสารใบขอจ้างงานผู้รับเหมา
โดย sirirat พ 20 พฤษภาคม 2020 6:40 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
58
พ 20 พฤษภาคม 2020 6:40 pm โดย sirirat
3 วิธีการคุม Budget ในระบบการสั่งจ้างผู้รับเหมา
โดย sirirat พ 20 พฤษภาคม 2020 6:07 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
49
พ 20 พฤษภาคม 2020 6:07 pm โดย sirirat
ความแตกต่างระหว่างเงินสดย่อยกับเงินทดรองจ่าย
โดย sirirat พ 20 พฤษภาคม 2020 5:30 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
47
พ 20 พฤษภาคม 2020 5:30 pm โดย sirirat
ระบบ ERP กับการตั้งเงินมัดจำจ่ายเพื่อให้บัญชีดึงไปตั้งหนี้จ่ายชำระ
โดย sirirat พ 20 พฤษภาคม 2020 3:58 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
52
พ 20 พฤษภาคม 2020 3:58 pm โดย sirirat
ระบบ ERP กับการสั่งซื้อวัสดุและอุปกรณ์เพื่อใช้งานในบริษัท
โดย sirirat พ 20 พฤษภาคม 2020 12:56 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
129
พ 20 พฤษภาคม 2020 12:56 pm โดย sirirat
E-mail pr odoojob
โดย numtan5839 พ 20 พฤษภาคม 2020 11:24 am บอร์ด Odoojob.com - Manual & Content
0
4
พ 20 พฤษภาคม 2020 11:24 am โดย numtan5839
งานประจำวันที่ 20 พฤษภาคม 2563
โดย sirirat พ 20 พฤษภาคม 2020 10:02 am บอร์ด M102 - ศิริรัตน์ ทิพย์น้อย
4
34
พ 20 พฤษภาคม 2020 8:29 pm โดย sirirat
R - template อีเมล
โดย tsukasaz อ 19 พฤษภาคม 2020 9:23 pm บอร์ด OdooJob.com - Developer
1
5
พฤ 21 พฤษภาคม 2020 1:55 am โดย mindphp