เปรียบเทียบความเร็วในการแสดงไซต์ของปลั๊กอินเน้นข้อความไวยากรณ์และประเภทไลบรารี 5 ประเภท
เครื่องมือเน้นไวยากรณ์: ปลั๊กอินและไลบรารีเพื่อดูซอร์สโค้ด
เมื่อคุณสงสัยว่าจะใช้ตัวเน้นไวยากรณ์ตัวใดใน WordPress
・จะหนักขึ้นเมื่อติดตั้งปลั๊กอิน
・ปากกาเน้นข้อความ ○○○ หนักเกินไป ฉันจึงเปลี่ยนไปใช้ปลั๊กอินอื่น
・สิ่งที่ใช้ไลบรารี JS และ CSS นั้นมีน้ำหนักเบาเป็นพิเศษ
ฉันได้เห็นข้อมูลเกี่ยวกับมันเป็นครั้งคราวฉันวัดว่าความเร็วในการแสดงผลจริงเปลี่ยนแปลงไปมากน้อยเพียงใดระหว่างปลั๊กอินและไลบรารี และความแตกต่างนั้นขึ้นอยู่กับปลั๊กอินนั้นมากน้อยเพียงใด
แสดงรายการเป้าหมายการเปรียบเทียบความเร็ว
- ไม่ได้ติดตั้งปากกาเน้นข้อความ
- ปริซึม(ห้องสมุด)
- ปากกาเน้นข้อความไวยากรณ์ปริซึม(เวอร์ชันปลั๊กอินของไลบรารี Prismjs)
- ปากกาเน้นข้อความไวยากรณ์ Crayon(เสียบเข้าไป)
- เครื่องมือเน้นข้อความไวยากรณ์ Mivhak(เสียบเข้าไป)
คุณลักษณะแต่ละอย่างสรุปไว้ด้านล่าง
https://insilico-notebook.com/wp-highlighter-list/
วิธีการวัด
บริการต่อไปนี้ใช้เพื่อเปรียบเทียบความเร็วในการโหลดหน้าเว็บ
PageSpeed Insight: เครื่องมือวัดประสิทธิภาพของเว็บที่ให้บริการโดย Google
GTmetrix: ไซต์ที่แสดงความเร็วในการแสดงผลและการปรับปรุง
สิ่งแวดล้อม
เซิร์ฟเวอร์: มาตรฐาน mixhost
พื้นที่ดิสก์ - SSD 150GB
CPU, โฮสต์เซิร์ฟเวอร์ CPU: Virtual 3 คอร์, Xeon 24 คอร์ 48 เธรด
หน่วยความจำ หน่วยความจำเซิร์ฟเวอร์โฮสต์: 4GB, 256GB
ธีมเวิร์ดเพรส:รังไหมดิบ
Cocoon มีการใช้งาน Highlight.js เป็นมาตรฐาน ดังนั้นจึงไม่สามารถพูดได้ว่าไม่ได้ติดตั้งปากกาเน้นข้อความอย่างเคร่งครัด แต่ฉันตัดสินใจวัดความล่าช้าตามความแตกต่าง
結果
| PageSpeed Insight | GTmetrix | |||
| โทรศัพท์มือถือ | พีซี | เกรดความเร็วเพจ Page | Yslow เกรด | |
| ไม่ได้ติดตั้งปากกาเน้นข้อความ | 82.5 | 100 | 89 | 76 |
| ห้องสมุด Prismjs | 82 | 100 | 89 | 76 |
| ปากกาเน้นข้อความแบบปริซึม | 81 | 100 | 89 | 76 |
| ปากกาเน้นข้อความดินสอสี | 76.5 | 99 | 88 | 75 |
| ปากกาเน้นข้อความ Mivhak | 71.5 | 99 | 87 | 75 |
Page Speed Grade ของ GTmetrix และ Yslow Grade วัดผลลัพธ์ของบริการวัดความเร็วไซต์ของ Google และ Yahoo ตามลำดับ (PageSpeed Grade ของ Gtmetrix คือการประเมินผลลัพธ์ของ PageSpeed Insight อย่างครอบคลุม)ผลลัพธ์ทั้งหมดคือค่าเฉลี่ยของการวัดสองครั้ง
เมื่อดูที่มือถือ คุณจะเห็นว่าคะแนนความเร็วในการแสดงผลแย่ลงตามลำดับของประเภทไลบรารี รองลงมาคือปลั๊กอินน้ำหนักเบาและปลั๊กอินขนาดใหญ่อย่างไรก็ตาม ดูเหมือนว่าแทบจะไม่มีความแตกต่างเมื่อคิดบนพีซี
เมื่อพูดถึงรหัส ฉันคิดว่าคนส่วนใหญ่เข้าถึงได้จากพีซีขึ้นอยู่กับอัตราส่วนของการเข้าถึงมือถือและพีซี อาจไม่จำเป็นต้องไวต่อปลั๊กอินมากนัก