เนื่องด้วย Web Hosting ที่เราใช้บริการอยู่อาจจะจำกัดปริมาณการใช้ข้อมูล (Bandwidth ) หรือคนรวมทั้ง bot เข้ามาเว็บไซต์เราเยอะเกินไปอาจจะทำให้ Hosting ทำงานหนัก วิธีเล็กๆน้อยที่ช่วยแก้ปัญหาที่ได้ผลลองทำตามนี้ครับ
– เปลี่ยนจากการใช้รูปที่เป็นสีทำ Background
บางคนทำเว็บไซต์แล้วเวลาใช้ background ที่เป็นสี มีการใช้รูปมาทำ เช่น กำหนดรูปชื่อ black.jpg เพื่อนำไปเป็นพื้นหลังสีดำ ซึ่งไม่ควรทำ ควรใช้คำสั่ง CSS เพื่อดึงค่าสีมาแสดงเป็นพื้นหลังสีดำดีกว่า โดยใช้ color:#000000 แทน
– ใช้รูปนามสกุล .jpg .png ดีกว่า
เวลาทำรูปใน Photoshop แล้วจะบันทึกควรเลือกบันทึกแบบ Save for Web & Devices (Alt+Shift+Ctrl+S) เพื่อที่จะได้ขนาดไฟล์ที่เหมาะสมกับการใช้งานในเว็บไซต์ โดยควรเป็นนามสกุล .jpg .png หรือ .gif แต่ไม่ควรเป็น .bmp โดยเด็ดขาด
– ไม่ให้ผู้อื่นนำรูปไปแสดงได้
ส่วนมากคนจะนิยมเรียกว่า hotlinks สำหรับการป้องกันแบบนี้ก็คือไม่อนุญาติให้ใครเอารูปไปแปะไว้ที่เว็บอื่น หรือทำการดึงเอาลิงก์ตรงๆจากในเว็บไซต์เราไปแสดงผลที่อื่น ซึ่งก็ช่วยลด Bandwidth ได้เยอะเช่นกัน ซึ่งสามารถป้องกันได้โดยใช้ htaccess มาช่วยได้ ลองดูวิธีได้จากเว็บ altlab.com
– บีบอัดไฟล์ CSS
ไฟล์ CSS บางคนเขียนไฟล์เดียวใช้คลุมทั้งเว็บไซต์ ไม่แบ่งไฟล์เลย หรือบางครั้งไฟล์ CSS ก็ใหญ่มาก ดังนั้นควรมาทำการบีบอัดขนาดไฟล์ CSS ก่อนนำไปใช้งานซึ่งสามารถนำไปบีบอัดข้อมูลได้ที่ arantius.com
– บีบอัด HTML ด้วย GZIP
เหมือนกับ CSS ซึ่ง HTML ก็สามารถทำได้ ซึ่งหากใช้ PHP ในการทำเว็บไซต์ก็ลองใช้คำสั่งนี้ดู ลองดูวิธีการใช้ GZIP ได้ที่นี่
– งดใช้ HTML Comment
เวลาเขียนเว็บไซต์ส่วนที่เราไม่ต้องการแสดงผล หรือ บางส่วนเราอยากจะมี Comment ไว้เราก็มักจะเขียนด้วย <!– เนื้อหา –!> แต่ก็ยังคงมีการ Comment ในไฟล์ต่างๆ เช่น CSS ก็ใช้ /* Comments */ เป็นต้น
– หลีกเลี่ยงการใช้ตาราง
หากว่าส่วนไหนที่สามารถใช้คำสั่ง DIV หรือ SPAN ได้ก็ควรใช้แทน TABLE แล้วนำเอา CSS มาควบคุมการทำงาน ซึ่งจะทำให้ไวขึ้นได้
– ให้ที่อยู่ของไฟล์สั้นที่สุด
ในการสร้างที่เก็บไฟล์ ไม่ว่าจะไฟล์เอกสาร หรือ ไฟล์รูปต่างๆ ไม่ควรมีความซับซ้อน หรือลึกเกินไป ซึ่งจะทำให้ต้องเขียน HTML มากขึ้น ทำให้ Bandwidth สูงตามไปด้วย เช่น /images/stories/subfolder_1/subfolder_2/subfolder_3/this_is_my_image.jpg ควรใช้แค่ /img/001.jpg
– ใช้ ALT และ TITLE ให้สั้นและกระชับ
ใน HTML เราสามารถใส่ ALT หรือ TITLE ได้ เพื่อประโยชน์หลายประการ แต่ในปัจจุบันมักจะทำเพื่อหวังผลด้าน SEO มากที่สุด ซึ่งในการลด Bandwidth เราควรทำให้สั้นและกระชับที่สุด เช่น <img src=”images/001.jpg” alt=”Picture of an elephant” title=”This is a big elephant” /> ปรับเป็น <img src=”images/001.jpg” alt=”Elephant” title=”Elephant” />
– นำไฟล์ใหญ่ๆไปฝากกับเว็บให้บริการฝากไฟล์
หากจะมีการให้ดาวน์โหลดไฟล์ต่างๆ ควรทำไปฝากกับผู้ให้บริการฝากไฟล์ เช่น RapidShare และMegaUpload. หรือไม่ก็ 4shared
– ใช้ระบบ Cache ภายนอกสำหรับ RSS Feed
ใช้บริการสร้าง Cache RSS Feed จากภายนอก โดยสามารถเลือกใช้งานได้จาก RSS Cache และดูการทำงานได้ที่นี่
– ใช้งาน AJAX
อันนี้น่าสนนะสำหรับ AJAX (Asynchronous JavaScript and XML) ก็สามารถช่วยลด Bandwidth ได้มาก เพราะจะโหลดส่วนที่อัพเดท หรือ เปลี่ยนแปลงมาแสดง ไม่ต้องเปลี่ยนทั้งหน้าเว็บเป็นต้น
