เราจะใช้ PageSpeed Insights ซึ่งสามารถหาโหลดได้จากทาง extension ใน chrom วิเคราะห์ สาเหตุที่ทำเว็บของคุณช้าด้วย PageSpeed Insights (by Google)
ตามรูปเลยนะครับเพื่อใครหาไม่เจอ จากนั้นเมื่อเราติดตั้งเสร็จจะพบสัญลักษณ์ที่มุมขวาบน ก็เป็นอันว่าติดตั้งเสร็จเรียบร้อยครับ สามารถกดเพื่อดูรายละเอียดได้นะครับ
จากนั้นให้เราเข้าเว็บไซต์ของเรากันเลยเมื่อเข้ามาแล้วให้คลิกขวา เลือกที่ inspect element ตามรูปเลยครับ จากนั้นจะมีหน้าพวกโค้ด html ขึ้นมาไม่ต้องสนใจครับกดที่ Pagespeed ด้านบนแล้วเลือก start analyzing เพื่อทำการวิเคราะห์หน้าเว็บไซต์ของเรา และ โหลดสักครู่ครับ จากนั้นเมื่อมันโหลดเสร็จเรียบร้อยก็จะได้หน้าตาแบบนี้ครับด้านซ้ายมือก็คือรายละเอียดหัวข้อต่างๆขึ้นมาบอกว่าเราควรแก้ไขอะไรบ้างและจะแบ่งเป็นข้อย่อยๆไป และมีอะไรที่เราแก้ไขเสร็จไปแล้ว ยกตัวอย่างเช่น อาจจะแนะนำให้บีบอัดไฟล์แล้วก็จะขึ้นรายละเอียดไฟล์ขึ้นมาว่าไฟล์ไหนบ้าง หรือจจะเป็นการทำ minify เพื่อลดขนาดของไฟล์ ทำให้เราโหลดได้เร็วขึ้น หรือถ้าเรามาดูว่าเราทำอะไรเสร็จไปแล้วก็อาจจะมีบอกว่าเราวางโค้ดเรียก css ได้ถูกที่แล้ว อะไรแบบนี้ครับ
หึหึ หวังว่าหลายๆท่านคงจะมีอะไรให้แก้ไขอีกเยอะเลยสินะครับ Y,Y ของผมตรึมตรัมเลยทีเดียว
ซึ่งบทความนี้ก็คงจะมีแค่นี้เองครับเพียงแค่แนะนำวิธีแก้ใช้เบื้องต้น แต่ในส่วนวิธีการแก้ไขต่างๆน่าจะมีในบทความต่อๆไปครับ สุดท้ายในนี้ขอทิ้งท้ายหน่อยครับ ฮะๆ เนื้อหาบทความ วิธีการต่างๆ สามารถอ่านเพิ่มเติมได้ครับ ถ้ารีบ ฮะๆ
https://developers.google.com/speed/articles/optimizing-javascript ตามลิ้งนี้แนะนำวิธีการเขียน javascript ให้ได้ประสิทธิภาพสูงสุดครับ มีอย่างอื่นด้วย ทางผมเดียวจะนำมา เฉพาะบางส่วนที่ผมใช้บ่อยๆมาลงฮะๆ หวังว่าบทความนี้จะมีประโยชน์ต่อทุกๆคนนะครับ ^^ ขอบคุณที่ติดตามครับ
ภาพและบทความจาก silentclass.com
|