ขนาดเว็บไซต์เป็นตัวแปรหนึ่งที่มีผลต่อความเร็วของในการโหลดหน้าเว็บของ WordPress และทุกๆเว็บไซต์ ยิ่งเว็บไซต์มีขนาดใหญ่ก็ยิ่งทำให้เว็บโหลดช้า ซึ่งขนาดเว็บไซต์ที่พูดในที่นี้หมายถึงโค้ด HTML ที่แสดงในหน้านั้นๆ เมื่อเรากด view source ดู ก็แสดงโค้ด HTML ของเว็บนั้นๆออกมา ซึ่งปกติแล้วมันก็จะเรียงออกมาเป็นชั้นสวยงามเหมือนกับไฟล์ต้นฉบับที่เราเขียน ตามรูป
ว่าแต่มันมีปัญหาอะไรล่ะ?
มันก็ไม่ได้มีปัญหาอะไรนักหรอก! แต่จะดีกว่ามั๊ย ถ้าเราสามารถลดขนาดของไฟล์นี้ได้อีก?
โดยปกติมันจะมีช่องว่าง และการเว้นบรรทัดต่างๆมากมายตามที่เราเขียนเอาไว้ในไฟล์ต้นฉบับ แต่ช่องว่างและบรรทัดเหล่านี้มันไม่มีผลต่อการแสดงหน้าเว็บที่เราเห็น จะเว้นบรรทัดซัก 10 กิโล หน้าเว็บก็ยังแสดงผลเหมือนเดิม (ตราบใดที่ไม่ได้ใช้ tag <br> อะนะ)
วันนี้ indytheme จะมาสอนลดขนาด ให้เว็บเบาและเร็ว ง่ายๆด้วยปลั๊กอิน WordPress และวิธีที่เราจะทำคือเราจะตัดช่องว่าง และการเว้นบรรทัดเหล่านี้ออกไปซะ โดยการใช้ปลั๊กอิน WordPress ที่มีชื่อว่า Minify HTML
เพียงแค่เราติดตั้งและกดใช้งาน ก็เป็นอันเสร็จเรียบร้อย!! เห็นมั๊ย! ง่ายๆแค่นี้เอง
ไหน? มาดูผลงานกันหน่อย
เราจะเห็นได้ว่าช่องว่างและการเว้นบรรทัดที่ไม่จำเป็นได้หายไปแล้ว!
แล้วขนาดหน้าเว็บ (page size) ล่ะ ลดลงจริงหรือเปล่า?
นี่คือขนาดหน้าเว็บเปรียบเทียบตอนก่อน minify และหลังจาก minify แล้ว
ก่อน minify
หลัง minify
จะเห็นได้ว่าขนาดก่อน minify คือ 168.25 KB และหลังจาก minify แล้ว เหลือเพียง 134.43 KB เท่ากับว่าขนาดไฟล์ลดลงไปถึง 20% เลยทีเดียว
