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

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

การทดสอบไม่จำเป็นต้องดาวน์โหลดหรือติดตั้งส่วนประกอบเพิ่มเติมใดๆ

ในการเริ่มการทดสอบจะมีปุ่มพิเศษ “ไปข้างหน้า” (เริ่มการทดสอบ)

ผลลัพธ์สุดท้ายจะเกิดขึ้น 30 วินาทีหลังจากเปิดตัวโปรแกรมเพื่อดำเนินการ

คุณสมบัติของ Speedtest Net

จากการใช้ SpeedTest ทำให้สามารถกำหนดความเร็วขาเข้าและขาออกของการเชื่อมต่ออินเทอร์เน็ตได้

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

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

การทดสอบความเร็วทั่วโลก SpeedTest

• บริการ Speedtest.net มีเพียงหน้าเดียวเท่านั้น – หน้าหลัก

มันแสดงถึง:

• ปิง,

• จำนวนความเร็วขาเข้าและขาออกการเชื่อมต่ออินเทอร์เน็ต

• ตำแหน่งของผู้ใช้กำหนดโดยที่อยู่ IP ของคอมพิวเตอร์ที่คุณเข้าสู่ไซต์

ผลลัพธ์ความเร็วอินเทอร์เน็ตในหมู่ผู้ใช้เว็บไซต์

1. จำนวนการทดสอบทั้งหมดคือ 6867
2. ความเร็วในการดาวน์โหลดเฉลี่ย 30.13 Mb/วินาที
3. ความเร็วในการดาวน์โหลดเฉลี่ยบนพีซีคือ 28.31 Mb/วินาที
4. ค่า ping เฉลี่ยคือ 29 ms

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

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

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

กระบวนการนิยามทั้งหมด ความเร็วที่แท้จริงการเชื่อมต่ออินเทอร์เน็ตผ่าน Speedtest ทำได้ด้วยการคลิกเมาส์เพียงครั้งเดียว

สะดวกมากและใช้เวลาไม่นาน แม้แต่ผู้เริ่มต้นก็สามารถรับมือกับงานดังกล่าวได้

อูคลา

Ookla เป็นผู้นำระดับโลกด้านการทดสอบและพัฒนาความเร็วอินเทอร์เน็ตบรอดแบนด์ ซอฟต์แวร์ในการวินิจฉัยเครือข่าย

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

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

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

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

1. ข้อมูลเชิงลึกของ Google PageSpeed

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

2. เครื่องมือ Pingdom

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

3.ตัวไหนโหลดเร็วกว่ากัน

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

4. การทดสอบประสิทธิภาพหน้าเว็บ

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

5. จีทีเมตริกซ์

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

6. โหลดผลกระทบ

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

7. เครื่องมือโมนิทิส

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

8.SiteSpeed.me

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

9. พีอาร์-ซี

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

10. ตัววิเคราะห์หน้าเว็บ

รายงานการโหลดหน้าเว็บและสคริปต์/สไตล์/รูปภาพเพิ่มเติมทั้งหมด เครื่องมือที่เรียบง่ายและจำเป็นบ่อยครั้ง

หากคุณใช้เครื่องมือออนไลน์ฟรีอื่น ๆ เพื่อตรวจสอบความเร็วในการโหลดหน้าเว็บไซต์ โปรดแบ่งปันในความคิดเห็น

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

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

แรงจูงใจ

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

วันหนึ่งขณะทำงานกับ PageSpeed ​​​​Tool พบว่าเว็บไซต์ของ Google มีคะแนนต่ำอย่างน่าประหลาดใจสำหรับอุปกรณ์มือถือ - 59/100 สถานการณ์กับเวอร์ชันสำหรับอุปกรณ์เดสก์ท็อปดีขึ้น - 92/100

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

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

ตัวบ่งชี้เริ่มต้นของไซต์ทดลองคือ 87/100

เป็นผลให้หลังจากใช้การปรับเปลี่ยนบางอย่างแล้วจะได้ผลลัพธ์ดังต่อไปนี้:

อ่านต่อเพื่อเรียนรู้วิธีจัดการเพื่อให้บรรลุผลลัพธ์เหล่านี้

จะเพิ่มความเร็วในการโหลดหน้าได้อย่างไร?

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

โปรดทราบว่าขั้นตอนบางขั้นตอนในคำแนะนำอาจต้องใช้ความรู้ด้านเทคนิค โดยไม่คำนึงถึงระบบการจัดการเนื้อหา (CMS) ที่ใช้

มาเริ่มกันเลย:

ขั้นตอนที่ #1: ปรับภาพให้เหมาะสม

เพื่อให้รูปภาพโหลดเร็วขึ้น PageSpeed ​​​​Insights Tool แนะนำให้เพิ่มประสิทธิภาพโดยการลดขนาดไฟล์ เพื่อแก้ไขปัญหานี้ คุณต้องทำสองสิ่งสำคัญ:

• บีบอัดรูปภาพทั้งหมดโดยใช้เครื่องมือเช่น Compressor.io และ TinyPNG นี่เป็นเครื่องมือฟรีที่สามารถช่วยคุณลดขนาดได้ ไฟล์กราฟิกมากกว่า 80% และในบางกรณี โดยไม่ทำให้คุณภาพของภาพลดลง
• ลดขนาดรูปภาพให้เหลือน้อยที่สุดโดยไม่ลดคุณภาพ ตัวอย่างเช่น หากเราต้องการรูปภาพขนาด 150x150px บนไซต์ รูปภาพบนเซิร์ฟเวอร์จะต้องมีขนาดที่เหมาะสม ไม่ควรปรับพารามิเตอร์รูปภาพเมื่อใด ความช่วยเหลือเกี่ยวกับ CSSหรือแท็ก HTML

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

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

ขั้นตอนที่ 2: ย่อขนาด JavaScript, CSS และ HTML

ในตัวอย่างนี้ Google แนะนำให้ลดจำนวน JavaScript และ ไฟล์ซีเอสเอส.

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

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

คุณสามารถลดขนาดของ JavaScript และ CSS เพิ่มเติมได้โดยการเปลี่ยนชื่อตัวแปร โดยมีเงื่อนไขว่าตัวเลือกทำงานอย่างถูกต้องและ HTML ได้รับการอัปเดต

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

คุณสามารถลด CSS โดยใช้เครื่องมือ YUI Compressor และ cssmin.js

คุณสามารถย่อขนาดโค้ด HTML ได้โดยใช้ PageSpeed ​​​​Insights แยกวิเคราะห์หน้าและเลือก "ย่อ HTML" หากต้องการปรับโค้ดให้เหมาะสม ให้คลิกที่ "ดูเนื้อหาที่ปรับให้เหมาะสม"

คุณสามารถเรียนรู้เพิ่มเติมเกี่ยวกับการเพิ่มประสิทธิภาพไฟล์ JavaScript และ CSS ได้จากลิงก์ต่อไปนี้:

คุณยังสามารถดาวน์โหลดไฟล์ที่ปรับให้เหมาะสมได้โดยตรงจาก PageSpeed ​​​​Tool

นี่คือผลลัพธ์ที่ได้รับหลังจากย่อขนาด JavaScript และ CSS:

ขั้นตอนที่ # 3: การใช้แคชของเบราว์เซอร์

สำหรับเว็บมาสเตอร์หลายๆ คน ขั้นตอนการใช้แคชของเบราว์เซอร์เป็นสิ่งที่ยากที่สุด

เพื่อแก้ไขปัญหานี้ เราต้องย้ายไฟล์คงที่ทั้งหมดจากไซต์ไปยัง CDN (เครือข่ายการจัดส่งเนื้อหา)

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

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

ต่อไปนี้คือการแสดงภาพวิธีการทำงานของ CDN:

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

หลังจากการยักย้ายข้างต้นเครื่องมือ PageSpeed ​​​​ยังคงแนะนำให้ใช้การแคชเบราว์เซอร์สำหรับแต่ละบุคคลอย่างน่ารำคาญ ทรัพยากรของบุคคลที่สาม- นี่คือภาพหน้าจอ:

เพื่อแก้ไขปัญหานี้ ฉันต้องแก้ไขสคริปต์ เครือข่ายสังคมออนไลน์โดยการแทนที่ตัวนับด้วยรูปภาพคงที่ที่โฮสต์บน CDN แทนที่จะใช้สคริปต์ของบุคคลที่สามที่พยายามเข้าถึงข้อมูลจาก Twitter, Facebook หรือ Google Plus เพื่อนับสมาชิก กลับมีการติดตั้งตัวนับออฟไลน์ซึ่งช่วยแก้ไขปัญหานี้ได้

แต่สิ่งที่น่ารำคาญกว่านั้นคือนอกเหนือจากปัญหาเกี่ยวกับสคริปต์โซเชียลมีเดียแล้ว เว็บไซต์ยังทำงานช้าลงด้วยโค้ดอีกด้วย Google Analytics.

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

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

หากไม่มีการอัปเดต โค้ด Analytics จะถูกโหลดจากเวอร์ชันแคชบน CDN

และเมื่อ Google อัปเดตโค้ด JavaScript เซิร์ฟเวอร์จะโหลดโดยอัตโนมัติ เวอร์ชันใหม่และอัปเดตบน CDN สคริปต์นี้ใช้สำหรับสคริปต์บุคคลที่สามภายนอกทั้งหมด

นี่คือภาพหน้าจอจาก Pingdom Tools ที่แสดงการดาวน์โหลดทั้งหมดจาก CDN รวมถึงโค้ด Google Analytics ไฟล์ดาวน์โหลดเดียวจากเซิร์ฟเวอร์คือไฟล์ หน้าแรกซึ่งมีปริมาณเพียง 15.5Kb การกำจัดสคริปต์ของบุคคลที่สามทั้งหมดช่วยปรับปรุงความเร็วในการโหลดโดยรวมได้อย่างมาก

ขั้นตอนที่ #4: การลบรหัสบล็อก

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

หากไซต์ของคุณอยู่บนแพลตฟอร์ม Wordpress ปลั๊กอิน Autopmize จะช่วยคุณแก้ปัญหานี้ได้ ตรวจสอบการตั้งค่าของคุณแล้ว ยกเลิกการเลือก "บังคับ JavaScript" และตั้งค่าเป็น "Inline all CSS"

ขั้นตอนที่ # 5: เปิดใช้งานการบีบอัด

ขั้นตอนที่ #6: การเพิ่มประสิทธิภาพรูปแบบมือถือ

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

กับ ใช้ Google Chrome คุณสามารถดูว่าไซต์ของคุณดูแตกต่างออกไปอย่างไร รุ่นมือถือ- โดยคลิกที่ไอคอนเมนู (แฮมเบอร์เกอร์) ของการตั้งค่าและการควบคุมเบราว์เซอร์ที่มุมขวาบน จากนั้นเลือก " เครื่องมือเพิ่มเติม→ เครื่องมือสำหรับนักพัฒนา" บนแถบเครื่องมือ เลือกไอคอนที่มีรูปภาพของอุปกรณ์มือถือ เพียงเท่านี้ ให้ดู:

ในกรณีของตัวอย่าง ไม่จำเป็นต้องมีการเปลี่ยนแปลงที่รุนแรง

บทสรุป

ด้วยเหตุนี้ 6 ขั้นตอนที่สำคัญที่สุดจึงเสร็จสมบูรณ์ซึ่งช่วยให้ได้คะแนนเต็ม 100/100 ใน Google PageSpeed ​​​​Tools สำหรับเว็บไซต์ Monitor Backlinks ด้วยเหตุนี้ ไม่เพียงแต่ได้รับการปรับให้เหมาะสมเท่านั้น หน้าแรกแต่ยังรวมถึงหน้าภายในทั้งหมดด้วย

ในบรรดาการดำเนินการทั้งหมดเพื่อเพิ่มประสิทธิภาพไซต์ สามารถระบุสิ่งที่สำคัญที่สุดสามประการได้:

1. การใช้ CDN
2. การลบรหัสบล็อก (หลีกเลี่ยง JavaScript ในเนื้อความของการเขียนโค้ด ให้ย้ายไปที่ด้านล่างของไฟล์แทน)
3. การเพิ่มประสิทธิภาพและการบีบอัดขนาดภาพ

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

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

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

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