เครื่องมือทดสอบความเร็ว Pingdom – วิธีปรับปรุงคะแนน Pingdom

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

บ่อยครั้งที่ผู้ใช้ตีความข้อมูลเครื่องมือทดสอบความเร็ว Pingdom ผิดจนทำให้ความเร็วเว็บไซต์แย่ลง จำไว้ว่าให้ใช้เครื่องมือทั้งหมดตามคำแนะนำเสมอเพราะเครื่องมือเหล่านี้ไม่ถูกต้อง 100%

เครื่องมือทดสอบความเร็ว Pingdom คืออะไรและให้บริการอะไรบ้าง?

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

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

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

เครื่องมือทดสอบความเร็ว Pingdom ให้คุณทดสอบเว็บไซต์ของคุณใน สถานที่ทดสอบที่แตกต่างกัน 7 แห่ง (5 ทวีป) ทั่วโลก:

• เอเชีย – ญี่ปุ่น – โตเกียว
• ยุโรป – เยอรมนี – แฟรงก์เฟิร์ต
• ยุโรป – สหราชอาณาจักร – ลอนดอน
• อเมริกาเหนือ – สหรัฐอเมริกา – วอชิงตัน ดีซี
• อเมริกาเหนือ – สหรัฐอเมริกา – ซานฟรานซิสโก
• แปซิฟิก – ออสเตรเลีย – ซิดนีย์
• อเมริกาใต้ – บราซิล – เซาเปาโล

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

ทำความเข้าใจการวิเคราะห์น้ำตกด้วยเครื่องมือทดสอบความเร็ว Pingdom

โดยทั่วไป หน้าเว็บจะเป็นการรวมกันของ HTML, CSS, JavaScript และ ไฟล์สื่อ และแต่ละรายการจะสร้างคำขอเพื่อแสดงบนเซิร์ฟเวอร์ คำขอเพิ่มเติมอาจเป็นสาเหตุของความเร็วที่ช้าของไซต์ มีหลายส่วนในเครื่องมือทดสอบความเร็ว Pingdom ที่ระบุการให้คะแนนและคำแนะนำสำหรับการปรับปรุง ส่วนเครื่องมือทดสอบความเร็ว Pingdom คือ:

• สรุป Pingdom
• ปรับปรุงประสิทธิภาพของเพจ
• รหัสตอบกลับ
• ขนาดและคำขอเนื้อหาตามประเภทเนื้อหา
• ขนาดเนื้อหาและคำขอตามโดเมน
• แผนภูมิน้ำตก

ในส่วนนี้ ฉันจะอธิบายให้คุณทราบถึงวิธีที่คุณสามารถทำการวิเคราะห์น้ำตก และฉันจะแยกย่อยแต่ละส่วน Pingdom และอธิบายในรายละเอียดเพิ่มเติม

สรุป Pingdom

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

เมื่อคุณทดสอบไซต์ของคุณหลายครั้ง คุณจะสังเกตเห็นว่าเวลาในการโหลดไซต์ของคุณเปลี่ยนแปลงในการทดสอบทุกครั้ง ในขณะที่ผลลัพธ์อื่นๆ (เกรดประสิทธิภาพ ขนาดหน้า และคำขอ) ยังคงเหมือนเดิม สาเหตุของความแปรปรวนเวลาในการโหลดนี้คือ แคช DNS, แคช CDN, แคช WordPress และ API ภายนอก

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

ปรับปรุงประสิทธิภาพของเพจ

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

ลองมาดูคำแนะนำเหล่านี้กัน

1) ใช้เครือข่ายการจัดส่งเนื้อหา (CDN)

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

หากคุณเป็นผู้ใช้ Cloudways คุณสามารถใช้ประโยชน์จาก CloudwaysCDN ได้ แผนการโฮสต์ Cloudways ทั้งหมดมี CloudwaysCDN ในตัวซึ่งสามารถเปิดใช้งานได้ด้วยการคลิกเพียงไม่กี่ครั้ง หากต้องการทราบข้อมูลเพิ่มเติม โปรดดูบล็อก WordPress CDN บน Cloudways

มาดูผู้ให้บริการ CDN บุคคลที่สามกัน:

1. KeyCDN
2. CloudFlare CDN
3. Amazon CloudFront
4. CDN77

คุณสามารถดูการเปรียบเทียบ WordPress CDN ของผู้ให้บริการ CDN ยอดนิยมสามรายที่ใช้กันอย่างแพร่หลายได้ที่นี่

2) หลีกเลี่ยงข้อผิดพลาด HTTP 404 (ไม่พบ)

ข้อผิดพลาด หลีกเลี่ยง HTTP (404) ปรากฏขึ้นในคำแนะนำเครื่องมือทดสอบความเร็ว Pingdom เมื่อคำขอไม่สามารถดำเนินการได้สำเร็จ ลิงก์ที่ใช้งานไม่ได้ เช่น เมื่อคุณแนบลิงก์กับรูปภาพที่ถูกลบภายในหน้าด้วยตนเอง ส่งผลให้เกิดข้อผิดพลาด 404

ตรวจสอบให้แน่ใจเสมอว่าจะไม่มีการสร้างคำขอสำหรับสินทรัพย์ที่ไม่มีอยู่อีกต่อไป

3) ลดการเปลี่ยนเส้นทาง

คำแนะนำที่พบบ่อยที่สุดจากเครื่องมือทดสอบความเร็ว Pingdom คือ 'ลดการเปลี่ยนเส้นทางให้น้อยที่สุด' การเปลี่ยนเส้นทางเกิดขึ้นเมื่อหน้าหนึ่งในเว็บไซต์ของคุณทำให้หน้าอื่นโหลดขึ้น สิ่งเหล่านี้สามารถเกิดขึ้นได้เมื่อคุณเปลี่ยนเส้นทาง HTTP เป็น HTTPS , www ไปยัง non-www และ URL ของโพสต์ที่อัปเดตมีการเปลี่ยนแปลง

ต่อไปนี้คือสิ่งที่คุณสามารถทำได้เพื่อไม่ให้ไซต์ของคุณเปลี่ยนเส้นทางมากเกินไป:

1. ห้ามลิงก์ไปยังหน้าที่มีการเปลี่ยนเส้นทางอยู่แล้ว เนื่องจากอาจทำให้มีการเปลี่ยนเส้นทางหลายครั้ง
2. ตรวจสอบให้แน่ใจว่าได้ลบปลั๊กอินที่ปิดใช้งาน/ไม่ได้ใช้ ซึ่งอาจส่งผลให้เกิดการเปลี่ยนเส้นทางที่ไม่จำเป็น
3. ขณะสร้างลิงก์ในเว็บไซต์ของคุณ ให้ใช้คำนำหน้า HTTP หรือ HTTPS ที่เหมาะสม และตรวจสอบว่าเป็น www หรือไม่มี www

หากคุณต้องการทราบข้อมูลเพิ่มเติมเกี่ยวกับการเปลี่ยนเส้นทาง โปรดดูบทความ Cloudways เกี่ยวกับการเปลี่ยนเส้นทาง WP 301

4) เพิ่มส่วนหัวหมดอายุ

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

แต่เบราว์เซอร์รู้ได้อย่างไรว่าต้องบันทึกไฟล์ใดและต้องโหลดไฟล์ใดจากเซิร์ฟเวอร์ และเก็บไว้นานแค่ไหน? นั่นคือสิ่งที่ Expires Headers เข้ามา นี่คือกฎที่บอกเว็บเบราว์เซอร์ว่าจะโหลดทรัพยากรของหน้าเว็บจากแคชของเบราว์เซอร์ของผู้เข้าชมหรือจากเซิร์ฟเวอร์ของคุณ

ตอนนี้ มาเข้าสู่ส่วนวิธีการจริงกันเถอะ ฉันจะแสดงวิธีเพิ่ม Expires Headers โดยใช้สองวิธีที่แตกต่างกัน

เพิ่มส่วนหัวหมดอายุโดยใช้ Plugin

ติดตั้งปลั๊กอิน W3 Total Cache เมื่อติดตั้งและเปิดใช้งานแล้ว ให้ไปที่ แดชบอร์ด WordPress > ประสิทธิภาพ > แคชของเบราว์เซอร์ จากนั้นเปิดใช้งานตัวเลือก 'ตั้งค่าส่วนหัวหมดอายุ' และบันทึกการเปลี่ยนแปลง

หากคุณอยากรู้เพิ่มเติมเกี่ยวกับปลั๊กอิน W3 Total Cache โปรดดูบทความ Cloudways เกี่ยวกับวิธีใช้ปลั๊กอิน WordPress W3 Total Cache สำหรับเว็บไซต์ที่เร็วขึ้น

เพิ่มส่วนหัวหมดอายุโดยใช้รหัส

คุณสามารถเพิ่ม Expires Headers ได้โดยใช้รหัส สำหรับสิ่งนี้ ให้พิจารณาว่าเว็บไซต์ของคุณใช้เซิร์ฟเวอร์ Apache หรือ Nginx หรือไม่ ในการดำเนินการนี้ ให้เปิดเว็บไซต์ของคุณบนเบราว์เซอร์ กด Ctrl + Shift + I เพื่อไปที่ เครือข่าย ของไซต์ (บางทีคุณอาจต้องรีเฟรชไซต์หนึ่งครั้ง) คลิกที่ชื่อโดเมนด้านบน แล้วไปที่ส่วนหัว ส่วน. คุณจะพบชื่อเซิร์ฟเวอร์ของคุณที่นั่น

หากต้องการเพิ่ม Expires Headers ลงในเซิร์ฟเวอร์ Apache ให้เข้าถึงไฟล์ .htaccess ของคุณโดยใช้เซิร์ฟเวอร์ FTP (Filezilla) และโค้ดที่กำหนดที่ด้านบนสุดของไฟล์ .htaccess

 ## หมดอายุการแคชส่วนหัว ##
<IfModule mod_expires.c>
หมดอายุActive On
ExpiresByType image/jpg "เข้าถึงได้ 1 ปี"
ExpiresByType image/jpeg "เข้าถึงได้ 1 ปี"
ExpiresByType image/gif "เข้าถึงได้ 1 ปี"
ExpiresByType image/png "เข้าถึงได้ 1 ปี"
ExpiresByType image/svg "เข้าถึง 1 ปี"
ExpiresByType text/css "เข้าถึง 1 เดือน"
แอปพลิเคชัน ExpiresByType/pdf "เข้าถึงได้ 1 เดือน"
ExpiresByType application/javascript "เข้าถึงได้ 1 เดือน"
ExpiresByType application/x-javascript "เข้าถึงได้ 1 เดือน"
แอปพลิเคชัน ExpiresByType/x-shockwave-flash "เข้าถึง 1 เดือน"
ExpiresByType image/x-icon "เข้าถึงได้ 1 ปี"
ExpiresDefault "เข้าถึง 3 วัน"
</IfModule>
## หมดอายุการแคชส่วนหัว ##

ที่ Cloudways คุณไม่สามารถทำการเปลี่ยนแปลงใดๆ ในระดับ Nginx ได้ แต่คุณสามารถใช้กฎ Apache และเพิ่ม Expires Headers ในไฟล์ .htaccess ของแอปพลิเคชันของคุณได้ สำหรับข้อมูลเพิ่มเติม โปรดดูบทความ Cloudways ใช้ประโยชน์จากการแคชเบราว์เซอร์ใน WordPress เพื่อเพิ่มประสิทธิภาพเวลาในการโหลดหน้าเว็บ

5) สร้างคำขอ HTTP น้อยลง

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

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

ต่อไปนี้เป็นกลยุทธ์กว้างๆ ในการ สร้างคำขอ HTTP น้อยลง :

• ลบคำขอ HTTP โดยลบปลั๊กอินที่ไม่จำเป็นซึ่งไม่เพิ่มคุณค่าให้กับไซต์ของคุณ เนื่องจากปลั๊กอินมักจะโหลด CSS และ JavaScript ของตัวเอง
• รวมคำขอ HTTP โดยการรวมไฟล์ CSS หลายไฟล์เป็นไฟล์ CSS ไฟล์เดียว เว็บไซต์โหลดเร็วขึ้นเนื่องจากเบราว์เซอร์ต้องการส่งคำขอน้อยลง
• หนึ่งในกลยุทธ์ที่ดีกว่าคือการแทนที่ปลั๊กอินรุ่นหนาด้วยปลั๊กอินที่มีน้ำหนักเบากว่า
• แม้ว่ารูปภาพจะทำให้ไซต์ของคุณน่าดึงดูดยิ่งขึ้นและเพิ่มมูลค่าให้กับไซต์ของคุณ แต่ให้ลบรูปภาพที่ไม่จำเป็นออกและใช้รูปภาพที่ปรับให้เหมาะสมที่สุดเสมอ (คุณสามารถใช้ ShortPixel และ WP Compress เพื่อปรับแต่งรูปภาพของคุณ)
• ใช้การโหลดแบบขี้เกียจสำหรับรูปภาพและวิดีโอ

ใช้คะแนนเหล่านี้เพื่อเพิ่มความเร็วให้กับไซต์ WordPress ของคุณเพื่อประสิทธิภาพที่ดีขึ้น

6) บีบอัดส่วนประกอบด้วย GZIP

การบีบอัด GZIP เป็นเทคโนโลยีที่ช่วยลดเวลาในการดาวน์โหลดไฟล์โดยการบีบอัดไฟล์ข้อมูล เบราว์เซอร์สมัยใหม่ทั้งหมดจะคลายซิปไฟล์ที่บีบอัดโดยอัตโนมัติเมื่อเบราว์เซอร์ได้รับข้อมูลที่บีบอัด เบราว์เซอร์ที่ทันสมัย ​​ซอฟต์แวร์เซิร์ฟเวอร์ และโฮสติ้ง WordPress ที่ดีที่สุดทั้งหมดรองรับการบีบอัด GZIP การบีบอัด GZIP สามารถลดขนาดไฟล์ได้มากถึง 70%

Cloudways มาพร้อมกับปลั๊กอิน Breeze ที่ติดตั้งไว้ ดังนั้นคุณจึงสามารถบีบอัด GZIP ได้ง่ายๆ โดยติดตั้งและเปิดใช้งานปลั๊กอินแคช Breeze WordPress

ต่อไปนี้คือปลั๊กอินที่แนะนำสำหรับการบีบอัด GZIP:

• GZIP พร้อม WP Rocket
• GZIP พร้อม WP Super Cache
• GZIP พร้อม W3 Total Cache

W3 Total Cache เป็นปลั๊กอินแคชที่มีเวอร์ชันฟรี คุณเพียงแค่ต้องติดตั้งและเปิดใช้งานปลั๊กอิน จากนั้นการบีบอัด GZIP จะเปิดใช้งานบนเว็บไซต์ของคุณโดยอัตโนมัติ ไปที่ ประสิทธิภาพ > การตั้งค่าทั่วไป และเปิดใช้งาน 'แคชของเบราว์เซอร์' คลิกปุ่ม 'บันทึกการเปลี่ยนแปลงทั้งหมด' หลังจากทำการเปลี่ยนแปลง

7) หลีกเลี่ยง Src หรือ Href . ที่ว่างเปล่า

แอตทริบิวต์ HTML ที่ไม่ได้ตั้งค่า (ไม่มีข้อมูลระหว่างเครื่องหมายคำพูด) เรียกว่าแอตทริบิวต์ 'ว่าง' แอตทริบิวต์ว่างของ ซอร์ส (src) และ ลิงก์ (href) เน้นให้เบราว์เซอร์เชื่อมต่อแม้ว่าจะไม่มีค่า Uniform Resource Identifier (URI)

นี่คือตัวอย่างบางส่วนของแท็กว่าง Source (src) และ Link (href) ใน HTML และ JavaScript :

HTML:

 <img src="”>
<a href="”>

จาวาสคริปต์:

 var img = ภาพใหม่ ();
img.src = "";

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

8) ใส่ JavaScript ที่ด้านล่าง

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

บันทึกไฟล์ JavaScript ของคุณด้วยนามสกุล . js (my-amazing-script.js) และวางไฟล์ JS นั้นในไดเร็กทอรีธีมของคุณ (คุณสามารถสร้างไดเร็กทอรีสำหรับ JavaScript เช่น public_html/wp-content/themes/your-theme/assets /js). หลังจากวางไฟล์ JavaScript ของคุณแล้ว ให้แก้ไขไฟล์ functions.php ของธีมและเพิ่มโค้ดนี้:

 ฟังก์ชั่น wpb_adding_scripts () {
wp_register_script('my-amazing-script', get_template_directory_uri() . '/js/my-amazing-script.js','','1.1', จริง);
wp_enqueue_script('my-amazing-script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );

ฟังก์ชันที่ใช้ wp_register_script() และประกอบด้วย:

 <?php
wp_register_script( จัดการ $, $src, $deps, $ver, $in_footer );
?>

ตั้งค่าพารามิเตอร์ $in_footer เป็น true เพื่อเพิ่มสคริปต์ในส่วนท้ายหรือด้านล่างของหน้า WordPress

รหัสตอบกลับ

ส่วนถัดไปในเครื่องมือทดสอบความเร็วของ Pingdom คือรหัสตอบกลับ ซึ่งเรียกอีกอย่างว่ารหัสสถานะ HTTP ส่วนนี้บอกคุณว่าเกิดอะไรขึ้นกับทรัพยากรทั้งหมดที่คุณกำลังโหลดบนหน้า บางคนทั่วไปคือ:

• 200 – ทุกอย่างโอเค
  301 – ทรัพยากรที่ร้องขอถูกย้ายอย่างถาวร
  404 – ไม่พบทรัพยากรที่ร้องขอ

รหัสตอบกลับในช่วง 200 ถึง 300 มักจะใช้ได้ แต่รหัสระหว่าง 400 ถึง 500 มักจะเรียกว่าข้อผิดพลาดที่คุณควรแก้ไข

ขนาดและคำขอเนื้อหาตามประเภทเนื้อหา

ซึ่งจะช่วยให้คุณเห็นทรัพยากรของหน้าเว็บของคุณ ตารางคือข้อมูลเกี่ยวกับการแจกจ่ายเนื้อหาและคำขอของคุณ

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

ขนาดและคำขอเนื้อหาตามโดเมน

ส่วนขนาดเนื้อหาและคำขอตามโดเมนช่วยให้คุณเห็นบริการ ภายใน และ ภายนอก พร้อมขนาดมัธยฐาน ส่วนนี้แสดงคำขอที่สร้างโดยโดเมน ขอแนะนำให้ทำการร้องขอภายนอกน้อยลง เนื่องจากแต่ละบริการภายนอกมีความหน่วงแฝงของตัวเอง

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

แผนภูมิน้ำตก

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

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

สรุป

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

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