3 เหตุผลที่เราควรจะใช้ jQuery จาก Google

1. ลดความยุ่งเหยิง
CDN คือ การกระจายข้อมูล ข้าม server ต่างๆ ในระบบเครือข่าย ซึ่งเมื่อผู้ใช้งานเปิดเวปไซด์
เบราว์เซอร์ของผู้ใช้จะดาวน์โหลดข้อมูลอัตโนมัติ จากระบบเครือข่ายที่ใกล้ที่สุด

ซึ่งหมายความว่า ถ้าใช้ไลบารี่ jQuery จาก Google ผู้ใช้งานที่ไม่ได้อยู่ใกล้ server ของคุณ
จะสามารถดาวน์โหลด jQuery ได้เร็วกว่าดาวน์โหลดจาก server ของตัวท่านเอง

2. เพิ่มความได้เปรียบ
ในการลดการใช้งานเซิร์ฟเวอร์เกินพิกัด โดยไม่จำเป็น ควรจะกำหนดจำนวนในการเข้าไปใช้งาน
พร้อมกัน ซึ่งจำนวนนั้นอาจจะเท่ากับ 2 ความต้องการในแต่ละโฮสต์

ในการใช้งานไลบารี่ jQuery จาก Google จะเป็นการลดหนึ่งความต้องการในเวปไซด์ของท่าน
ทำให้ความสามารถในการดาวน์โหลดข้อมูลของเวปไซด์ท่านเพิ่มขึ้น ซึ่งมันอาจจะไม่สร้าง
ความแตกต่างอย่างเด่นชัด แต่สำหรับเวปไซด์ที่อนุญาตให้ใช้งานพร้อมกันแค่ 2 ความต้องการ
ความแตกต่างนั้นจะเห็นได้อย่างชัดเจน

3. แคชที่ดีขึ้น
ประโยชน์ที่สำคัญมากที่สุดในการใช้ไลบารี่ jQuery จาก Google คือ ผู้ใช้งานเวปไซด์ของท่าน
อาจไม่จำเป็นต้องดาวน์โหลด jQuery เลย

ไม่ว่าการทำงานแคชของคุณเป็นแบบไหน ผู้ใช้งานเวปไซต์ของท่าน ต้องดาวน์โหลด jQuery
อย่างน้อยหนึ่งครั้ง จากโฮสต์ของท่าน ซึ่งผู้ใช้งานเวปไซต์ของท่าน อาจจะมีก๊อบปี้ของ jQuery
อยู่แล้วในเบราว์เซอร์ของเขาเอง แต่ก็ยังคงต้องดาวน์โหลด jQuery จากโฮสต์ของท่าน
ในการเข้าเวปไซต์ท่านครั้งแรก

ในทางกลับกัน เมื่อเบราว์เซอร์เห็นการร้องขอ jQuery จาก Google ใน version เดียวกัน
ก็จะเข้าใจว่าเป็นการร้องขอไฟล์ที่ซ้ำกัน ไม่เพียงแค่ทาง Google จะส่งผลตอบรับในการร้อง
ขอไฟล์ jQuery ว่า 304 “ไม่มีการเปลี่ยนแปลง” แต่ตามปกติของเบราว์เซอร์ จะเก็บแคช
อย่างน้อย 1 ปี

นั้นหมายความว่า ถ้ามีใครเข้าใช้งาน 100 เวปไซต์ ที่ใช้เวอร์ชันไฟล์ jQuery จาก Google
เดียวกัน เขาจะต้องดาวน์โหลด jQuery แค่ครั้งเดียว

วิธีการใช้งาน ไลบารี่ jQuery จาก Google
มี 2 วิธีที่ทาง Google แนะใช้ให้

วิธีที่ 1

1
2
3
4
5
6
7
8
9
10
11

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
  //  คุณจะต้องใส่ค่าตัวแปร เช่น "1" หรือ "1.3"  ใน google.load()
  //  แต่ผลลัพธ์จะเหมือนกัน คือจะโหลดเวอร์ชั่นล่าสุดที่เกี่ยวข้องกับตัวเลขที่คุณกรอกไป
  //  (ตัวอย่าง - ถ้าใส่ค่า 1 หรือ 1.3 ก็จะโหลดตัวล่าสุดคือ 1.3.2 )
  google.load("jquery", "1.3.2");
 
  google.setOnLoadCallback(function() {
    // วาง Code ที่ตำแหน่งนี้
  });
</script>

วิธีการนี้ คุณจะต้องใช้ google.setOnLoadCallback(function()
และจะไม่สามารถใช้ $(document).ready() ได้

วิธีที่ 2

1
2
3
4
5
6
7

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/
jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {
    // วาง Code ที่ตำแหน่งนี้ 
  });
</script>

ปล. จริง ๆ แล้ว ทาง Google ไม่ได้เตรียมไลบารี่ ให้ใช้แค่ jQuery แต่ยังมี
jQuery UI, Prototype, script.aculo.us, MooTools, Dojo, SWFObject,
Yahoo! User Interface Library (YUI), Ext Core และ Chrome Frame

รายละเอียดเพิ่มเติม

http://code.google.com/apis/ajaxlibs/documentation/

บทความมาจาก

http://encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery-for-you/

ใครใช้อะไรเขียนก็ใช้อันนั้น ตามสบายนะครับ เพื่อความได้เปรียบ โฮะๆๆ