ปรับปรุง : 2567-10-22 (ปรับเพิ่ม library)

PageSpeedInsights

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

ความเร็วในการโหลดมีความสำคัญ ดังนี้ 1) ประสบการณ์ผู้ใช้งานที่ดีขึ้น: ผู้ใช้งานชอบเว็บไซต์ที่โหลดเร็ว ทำให้พวกเขาอยู่บนเว็บไซต์นานขึ้นและมีโอกาสที่จะกลับมาใช้บริการอีก 2) อันดับในผลการค้นหาที่ดีขึ้น: กูเกิลให้ความสำคัญกับความเร็วในการโหลดหน้าเว็บในการจัดอันดับผลการค้นหา ดังนั้นเว็บไซต์ที่โหลดเร็วจะมีโอกาสขึ้นอันดับสูงกว่า 3) ลดอัตราการเด้ง: เมื่อเว็บไซต์โหลดช้า ผู้ใช้งานมักจะคลิกออกจากเว็บไซต์ไป ซึ่งจะส่งผลให้อัตราการเด้งสูงขึ้น PageSpeed Insights มีการทำงาน โดยเริ่มต้นจากป้อน URL ของเว็บไซต์ลงในเครื่องมือ PageSpeed Insights และจะทำการวิเคราะห์หน้าเว็บ และให้คะแนนความเร็วในสองมิติหลัก มีดังนี้ 1) Mobile: แสดงผลลัพธ์ความเร็วของเว็บไซต์เมื่อเปิดผ่านอุปกรณ์เคลื่อนที่ 2) Desktop: แสดงผลลัพธ์ความเร็วของเว็บไซต์เมื่อเปิดผ่านคอมพิวเตอร์
รายละเอียดเพิ่มเติมเกี่ยวกับสิ่งที่สามารถทำการปรับปรุงได้ มีดังนี้ 1) ลดขนาดไฟล์: ภาพ วิดีโอ และไฟล์อื่นๆ ควรมีขนาดที่เหมาะสม 2) ลดการร้องขอ: จำนวนไฟล์ที่ต้องโหลดน้อยลงจะช่วยให้เว็บไซต์โหลดเร็วขึ้น 3) ปรับปรุงการใช้ JavaScript: การเขียนโค้ด JavaScript ที่มีประสิทธิภาพจะช่วยลดเวลาในการโหลด 4) แคชทรัพยากร: การแคชทรัพยากรจะช่วยให้เบราว์เซอร์ไม่ต้องโหลดไฟล์ซ้ำๆ สรุป : PageSpeed Insights คือ เครื่องมือที่ทรงพลังสำหรับเจ้าของเว็บไซต์ทุกคน การใช้เครื่องมือนี้จะช่วยให้คุณเข้าใจถึงประสิทธิภาพของเว็บไซต์ของคุณและหาทางปรับปรุงได้อย่างมีประสิทธิภาพ

Test on Zend2.com / ProxySite.com / Pagespeed

คลิกเพื่อทดสอบ ประสิทธิภาพ

เทมเพจที่สมบูรณ์ คือ เทมเพจที่มีเครื่องมือมากมายถูกติดตั้งไว้ ผ่าน Javascript, CSS และ Library ต่าง ๆ เพื่อสนับสนุนให้การจัดการเนื้อหา มีความสะดวก และมีประสิทธิภาพ

♥ คลิกที่นี่ เพื่อส่งไปทดสอบบน Pagespeed insights
กลับ หน้าแรก (back to home)

"ไม่เริ่มต้นในวันนี้ จะไม่มีทางสำเร็จในวันพรุ่ง" โดย โยฮัน ว็อล์ฟกัง ฟ็อน เกอเทอ

ตัวเลือก	Mobile 1) Performance 2) Accessibility 3) Best practice 4) SEO	Desktop 1) Performance 2) Accessibility 3) Best practice 4) SEO
Truehits(http required)	100,100,75,100	100,100,74,100
Truehits(if !https)	100,100,100,100	100,100,100,100
Histats	99,93,57,100	99,93,56,100
Histats (disabled)	100,100,100,100	100,100,100,100
1 Google Fonts(นอกโฮส)	98,100,100,100	99,100,100,100
12 Google Fonts(นอกโฮส)	100,100,100,100	96,100,100,100
12 Google Fonts(onload)	100,100,100,100	100,100,100,100
1 Fonts(optional)	100,100,100,100	100,100,100,100
7 Fonts(optional)	100,100,100,100	100,100,100,100
Popover(นอกโฮส)	96,100,100,100	100,100,100,100
SyntaxHighLighter(ในโฮส)	100,100,96,100	100,100,96,100
Lightbox(นอกโฮส)	100,100,100,91	100,100,100,91
Lightbox(onload)	100,100,100,91	100,100,100,91
Glyphicon(ในโฮส)	100,100,100,100	100,100,100,100
Glyphicon(นอกโฮส)	99,100,100,100	100,100,100,100
My testing on PageSpeed Insights	100,100,100,100	100,100,100,100

การเลือกเรียกใช้ Library หรือ Tools

PageSpeedInsights