10 เคล็ดลับในการปรับปรุงประสิทธิภาพเว็บไซต์ Joomla

เราทุกคนรู้ว่าความเร็วเป็นหนึ่งในปัจจัยที่สำคัญที่สุดสำหรับความสำเร็จของเว็บไซต์ แต่ทำไม?

เว็บไซต์ที่รวดเร็วขึ้นจะช่วยปรับปรุงอัตราการแปลงลดต้นทุนแบนด์วิธเพิ่มอันดับเว็บไซต์ของคุณในเครื่องมือค้นหา ( Google , Yahooฯลฯ ) ช่วยเพิ่มประสบการณ์การใช้งานและการเก็บรักษาผู้ใช้บนหน้าเว็บของคุณ

 

วิธีตรวจสอบประสิทธิภาพไซต์ของคุณ เหมาะหรือไม่?

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

 

ต่อไปนี้เป็นเคล็ดลับช่วยปรับปรุงประสิทธิภาพไซต์ Joomla ของคุณ

 

1. เปิดใช้งานแคช Joomla

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

มี 2 ​​ขั้นตอนที่เกี่ยวข้องเพื่อเปิดใช้งานแคช Joomla 

1.1 เปิดใช้งานการตั้งค่า Cache ใน Global configuration 

โปรดไปที่: "System → Global Configuration" จากนั้นเปิดแท็บ "System" ซึ่งคุณสามารถดู "Cache Settings" เลือกแคชแบบแคชหรือแคชโปรเกรสซีฟ 

โหมดแคชอะไรที่จะเลือก?

  • Conservative caching - แคชเนื้อหาสำหรับผู้เข้าชมแต่ละราย
  • Progressive caching - มอบเนื้อหาแคชเดียวกันให้กับผู้เข้าชมทั้งหมด

1.2 เปิดใช้งานปลั๊กอินแคชของ Joomla 

โปรดไปที่: "Extensions → Plugin Manager" แล้วค้นหาปลั๊กอินแคชของระบบเปิดใช้งาน  

 

2. เปิดใช้งานการบีบอัด Joomla - การบีบอัด Gzip

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

หากต้องการเปิดใช้งานตัวเลือกนี้โปรดไปที่ "System → Global configuration → Server → Server Settings" ค้นหาตัวเลือก "GZIP Page Compression" จากนั้นเปิดใช้งาน 

 

 

3. ทำให้เว็บไซต์ของคุณสะอาด

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

 

4. เพิ่มประสิทธิภาพของภาพ

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

  • ใช้ภาพเมื่อคุณต้องการจริงๆ
  • อย่าใช้รูปภาพขนาดใหญ่และอย่าเพิ่มภาพมากเกินไปในหน้าเดียว
  • ใช้เครื่องมือต่างๆเช่น Adobe Photoshop เพื่อลดขนาดไฟล์ภาพ 

 

5. ใช้ CDN เพื่อโหลดสื่อ

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

CDN เหมาะอย่างยิ่งสำหรับการนำเสนอสื่อเช่นวิดีโอเสียงภาพ ฯลฯ ดังนั้นแทนที่จะโหลดสื่อเหล่านั้นจากเซิร์ฟเวอร์โหลดจาก CDN จะมีประสิทธิภาพและเชื่อถือได้มากขึ้น มีหลายส่วนขยายที่สามารถช่วยให้คุณมีอยู่นี้เช่น JA Amazon S3 หรือส่วนขยายเครือข่ายเนื้อหาอื่น ๆ บน JED 

คอมโพเนนต์ JA Amazon S3 นำพลังของระบบคลาวด์คอมพิวติ้งไปใช้กับ Joomla Hybrid hosting ขณะนี้สามารถโหลดไซต์จากเซิร์ฟเวอร์และไฟล์: รูปภาพวิดีโอเอกสาร ฯลฯ จาก Amazon Content Delivery Network 

ดูคุณลักษณะ Amazon ของ JA S3 →

 

 

6. เพิ่มประสิทธิภาพ CSS และ JavaScript

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

การเพิ่มประสิทธิภาพ CSS และ JS คือกระบวนการลบรหัสที่ไม่จำเป็นหรือซ้ำซ้อนใน CSS ไฟล์ JS เพื่อลดขนาดไฟล์จากนั้นจะรวมไฟล์ CSS และ JS จำนวนคำขอจะลดลง 

คุณสามารถดำเนินการได้ด้วยตนเอง แต่ไม่แนะนำเพราะต้องใช้เวลาและมีความเสี่ยงมาก คุณสามารถใช้กรอบงานที่สนับสนุนการเพิ่มประสิทธิภาพ CSS และ JavaScript T3 frameworkเป็นตัวเลือกที่ดีที่คุณควรลอง 

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

นี่คือสิ่งที่คุณจะได้รับ: 


สำรวจคุณลักษณะ→

 

7. ใช้เทมเพลตและส่วนขยายที่เพิ่มประสิทธิภาพ

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

 

8. เพิ่มประสิทธิภาพไซต์ของคุณในอุปกรณ์เคลื่อนที่

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

 

9. ใช้กฎการเพิ่มประสิทธิภาพในไฟล์. htaccess

.htaccess ไฟล์จัดการทางเว็บเซิร์ฟเวอร์ของคุณดำเนินการเว็บไซต์ของคุณมีจำนวนมากของกฎการปรับปรุงความเร็วในเว็บไซต์ของคุณที่นี่มีกฎระเบียบที่ใช้มากที่สุดด้านล่าง:

  • ETag - บอกเบราเซอร์ให้เรียกรูปภาพ (ที่ดาวน์โหลดมาแล้ว) จากแคชของเบราว์เซอร์ท้องถิ่นแทนเซิร์ฟเวอร์
  • Expires headers - ช่วยให้คุณสามารถกำหนดเวลาการหมดอายุที่แตกต่างกันสำหรับชนิดแฟ้มที่แตกต่างกัน
  • AddOutputFilterByType DEFLATE - ลดรหัสต้นฉบับของไฟล์ HTML ที่คอมไพล์โดยการลบบรรทัดว่างและช่องว่าง 

ตัวอย่างสำหรับกฎข้างต้น: 

########## Begin - ETag Optimization
## This rule will create an ETag for files based only on the modification
## timestamp and their size.
## Note: It may cause problems on your server and you may need to remove it FileETag MTime Size
# AddOutputFilterByType is now deprecated by Apache. Use mod_filter in the future. AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css application/xml application/xhtml+xml application/rss+xml application/javascript application/x-javascript
# Enable expiration control ExpiresActive On
# Default expiration: 1 hour after request ExpiresDefault "now plus 1 hour"
# CSS and JS expiration: 1 week after request
ExpiresByType text/css "now plus 1 week"
ExpiresByType application/javascript "now plus 1 week"
ExpiresByType application/x-javascript "now plus 1 week"

# Image files expiration: 1 month after request ExpiresByType image/bmp "now plus 1 month"
ExpiresByType image/gif "now plus 1 month"
ExpiresByType image/jpeg "now plus 1 month"
ExpiresByType image/jp2 "now plus 1 month"
ExpiresByType image/pipeg "now plus 1 month"
ExpiresByType image/png "now plus 1 month"
ExpiresByType image/svg+xml "now plus 1 month"
ExpiresByType image/tiff "now plus 1 month"
ExpiresByType image/vnd.microsoft.icon "now plus 1 month"
ExpiresByType image/x-icon "now plus 1 month"
ExpiresByType image/ico "now plus 1 month"
ExpiresByType image/icon "now plus 1 month"
ExpiresByType text/ico "now plus 1 month"
ExpiresByType application/ico "now plus 1 month"
ExpiresByType image/vnd.wap.wbmp "now plus 1 month"
ExpiresByType application/vnd.wap.wbxml "now plus 1 month"
ExpiresByType application/smil "now plus 1 month"

# Audio files expiration: 1 month after request
ExpiresByType audio/basic "now plus 1 month"
ExpiresByType audio/mid "now plus 1 month"
ExpiresByType audio/midi "now plus 1 month"
ExpiresByType audio/mpeg "now plus 1 month"
ExpiresByType audio/x-aiff "now plus 1 month"
ExpiresByType audio/x-mpegurl "now plus 1 month"
ExpiresByType audio/x-pn-realaudio "now plus 1 month"
ExpiresByType audio/x-wav "now plus 1 month"

# Movie files expiration: 1 month after request
ExpiresByType application/x-shockwave-flash "now plus 1 month"
ExpiresByType x-world/x-vrml "now plus 1 month"
ExpiresByType video/x-msvideo "now plus 1 month"
ExpiresByType video/mpeg "now plus 1 month"
ExpiresByType video/mp4 "now plus 1 month"
ExpiresByType video/quicktime "now plus 1 month"
ExpiresByType video/x-la-asf "now plus 1 month"
ExpiresByType video/x-ms-asf "now plus 1 month"

 

10. การเลือกเว็บโฮสติ้งที่ดี

โฮสต์เว็บที่ดีสามารถปรับปรุงความเร็วไซต์ของคุณได้อย่างมาก การเลือกเว็บโฮสติ้งที่เหมาะกับความต้องการของไซต์ของคุณที่สุด ได้แก่ พื้นที่เว็บการเข้าชมรายเดือนการถ่ายโอนข้อมูลการสำรองข้อมูลการสนับสนุนประเภทฐานข้อมูล CDN ฯลฯ

 


ที่มา https://www.joomlart.com/

© Copyright pariyat.com 2024. by กองทะเบียนและสารสนเทศ

Search