ลดขนาด ให้เว็บเบาและเร็ว ง่ายๆด้วยปลั๊กอิน WordPress

17 มี.ค. 2020
706

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


html

ว่าแต่มันมีปัญหาอะไรล่ะ?

มันก็ไม่ได้มีปัญหาอะไรนักหรอก! แต่จะดีกว่ามั๊ย ถ้าเราสามารถลดขนาดของไฟล์นี้ได้อีก?


โดยปกติมันจะมีช่องว่าง และการเว้นบรรทัดต่างๆมากมายตามที่เราเขียนเอาไว้ในไฟล์ต้นฉบับ แต่ช่องว่างและบรรทัดเหล่านี้มันไม่มีผลต่อการแสดงหน้าเว็บที่เราเห็น จะเว้นบรรทัดซัก 10 กิโล หน้าเว็บก็ยังแสดงผลเหมือนเดิม (ตราบใดที่ไม่ได้ใช้ tag <br> อะนะ)


วันนี้ indytheme จะมาสอนลดขนาด ให้เว็บเบาและเร็ว ง่ายๆด้วยปลั๊กอิน WordPress และวิธีที่เราจะทำคือเราจะตัดช่องว่าง และการเว้นบรรทัดเหล่านี้ออกไปซะ โดยการใช้ปลั๊กอิน WordPress ที่มีชื่อว่า Minify HTML


Minify HTML

เพียงแค่เราติดตั้งและกดใช้งาน ก็เป็นอันเสร็จเรียบร้อย!! เห็นมั๊ย! ง่ายๆแค่นี้เอง


ไหน? มาดูผลงานกันหน่อย


html minify

เราจะเห็นได้ว่าช่องว่างและการเว้นบรรทัดที่ไม่จำเป็นได้หายไปแล้ว!


แล้วขนาดหน้าเว็บ (page size) ล่ะ ลดลงจริงหรือเปล่า?

นี่คือขนาดหน้าเว็บเปรียบเทียบตอนก่อน minify และหลังจาก minify แล้ว


ก่อน minify

ก่อน minify

หลัง minify

หลัง minify

จะเห็นได้ว่าขนาดก่อน minify คือ 168.25 KB และหลังจาก minify แล้ว เหลือเพียง 134.43 KB เท่ากับว่าขนาดไฟล์ลดลงไปถึง 20% เลยทีเดียว

ธีม Wordpress