blog » Other / Tip&Trick / Web Programming » วิธีลด Bandwidth ของเว็บไซต์ 15 ประการ

วิธีลด Bandwidth ของเว็บไซต์ 15 ประการ

เอาบทความมาให้อ่านดู ของพี่แม็ก(mocyc) พี่เค้าเขียนไว้ ผมเห็นข้อความน่าสนใจดีมีประโยชน์ด้วย *-*

- เปลี่ยนจากการใช้รูปที่เป็นสีทำ 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 หรือ  isnoop.net

- บีบอัด HTML ด้วย GZIP
เหมือนกับ CSS ซึ่ง HTML ก็สามารถทำได้ ซึ่งหากใช้ PHP ในการทำเว็บไซต์ก็ลองใช้คำสั่งนี้ดู ลองดูวิธีการใช้ GZIP ได้ที่นี่

- งดใช้ HTML Comment
เวลาเขียนเว็บไซต์ส่วนที่เราไม่ต้องการแสดงผล หรือ บางส่วนเราอยากจะมี Comment ไว้เราก็มักจะเขียนด้วย <!– เนื้อหา –!> แต่ก็ยังคงมีการ Comment ในไฟล์ต่างๆ เช่น CSS ก็ใช้ /* Comments */  เป็นต้น ดูการ Comment ของภาษาต่างๆได้ที่นี่

- หลีกเลี่ยงการใช้ตาราง
หากว่าส่วนไหนที่สามารถใช้คำสั่ง 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 และดูการทำงานได้ที่นี่

- ไม่ Submit เว็บของคุณลง Search Engine
ฟังแล้วดูตลกไหม แต่ก็เป็นเรื่องจริงที่อยากจะลด Bandwidth ก็ต้องงด Submit เว็บไซต์ไปยัง Search Engine เพื่อป้องกัน Search Engine เข้ามาเก็บข้อมูลในเว็บไซต์ของเรา เช่น Add your URL ของ Google

- เข้าชมได้แต่สมาชิก
เป็นไงหล่ะวิธีนี้ กำหนดไปเลยว่าเข้าชมได้เฉพาะสมาชิก มีการ login ก่อนเข้าเว็บไซต์ หรือไม่ก็เสริมด้วยเข้าชมได้เฉพาะประเทศ , ไอพี เป็นต้น รับรองลดได้เยอะทีเดียว

- ใช้งาน AJAX
อันนี้น่าสนนะสำหรับ AJAX (Asynchronous JavaScript and XML) ก็สามารถช่วยลด Bandwidth ได้มาก เพราะจะโหลดส่วนที่อัพเดท หรือ เปลี่ยนแปลงมาแสดง ไม่ต้องเปลี่ยนทั้งหน้าเว็บเป็นต้น

- และสุดท้าย อย่าให้ใครรู้จักเว็บคุณ
อาจจะดูโง่ แต่นี่แหล่ะคือวิธีประหยัด Bandwidth ที่ดีที่สุด เมื่อไม่มีใครรู้จักเว็บเรา ก็จะไม่มีคนเข้า ดังนั้นก็ประหยัด Bandwidth สุดๆไปเล๊ยยยย

- บทความดีๆจาก
http://www.myblog.in.th/2009/12/24/15_tips_on_how_to_save_bandwidth/ พี่แม็ก (mocyc)

เรื่องอื่นๆที่เกี่ยวข้อง:

RSS 2.0 | leave a response | trackback

5 Responses

  1. มี.ค. 31st, 2010 / 16:11 SCRIPTPER Says:

    เก็บไปคิด

  2. เม.ย. 1st, 2010 / 17:27 admin Says:

    อิ อิ

  3. เม.ย. 3rd, 2010 / 16:00 Smokietor Says:

    กำจิง – -* ดีนะ ไม่บอกให้ปิดเว็บเลย แบนวิธแทบจะไม่เสียเลย

  4. พ.ค. 28th, 2010 / 23:00 Steve Says:

    อิ อิ

  5. มิ.ย. 2nd, 2010 / 00:12 Emily Says:

    เก็บไปคิด

ใส่ความเห็น