หน้าเว็บโหลดไวขึ้นด้วย Manifest

ด้วยความสามารถของ html5 ทำให้เราสามารถกำหนดไฟล์ต่างๆ ที่เราอยากให้เก็บไว้ที่เครื่องของผู้ใช้งานได้ครับ โดย html5 จะมี attribute ที่ชื่อว่า manifest ที่เอาไว้ใช้กำหนดที่อยู่ของไฟล์ที่เก็บข้อมูลเกี่ยวกับไฟล์แคชครับ เพื่อให้เข้าใจได้ง่ายขึ้น ลองดูตัวอย่างกันเลยครับ

เมื่อต้องการใช้ manifest ให้เราใส่ attribute “manifest” ที่ “html” tag ครับ โดยให้เราระบุไว้ด้วยว่า จะให้อ่านที่อยู่ของไฟล์แคชจากไฟล์ไหน ซึ่งไหนที่นี้คือ “cache.manifest” ซึ่งเป็น text ไฟล์ ธรรมดาๆ ครับ

ต่อมาให้เราใส่ที่อยู่ของไฟล์ต่างๆ ที่เราอยากให้เครื่องของผู้ใช้งาน โหลดมาเก็บไว้ครับ

หลังจากที่เราใช้ manifest ในการช่วยแคชไฟล์เป็นแล้ว ลองมาดูข้อดี ซึ่งพอสรุปได้ดังนี้ครับ

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

เอาล่ะครับ ตอนนี้เราคงได้เห็นประโยชน์ของ manifest ใน html5 แล้ว ว่าทำไรได้บ้าง ก็หวังว่าเพื่อนๆ จะนำไปประยุกต์ใช้ให้เหมาะสมกับงาน เพื่อ user experience ที่ดีขึ้นนะครับ

(Visited 1,312 times, 1 visits today)

7 Responses to “หน้าเว็บโหลดไวขึ้นด้วย Manifest”

  1. Kunathip Boonruangkhao says:

    ตรงส่วน

    CACHE MANIFEST

    /css/style.css

    /js/jquery.js

    /images/bg.jpg

    ใส่ตรงไหนครับ ใน tag head หรือแยกไฟล์ต่างหากครับ

    • Siam HTML says:

      แยกไฟล์ต่างหากครับ
      สร้าง text file ขึ้นมาฮะ แล้วค่อยใส่รายชื่อไฟล์ที่เราต้องการจะเก็บไว้ที่เครื่อง client ลงไปครับ

  2. Thai KOP says:

    อยากถามว่า ถ้ามีการแก้ไขไฟล์ /css/style.css บน server แล้วมันจะโหลดมาทับไฟล์เดิมที่ cache เลยหรือป่าวครับ หากไม่โหลดต้องทำยังงัย ไม่งั้นคนที่ดูหน้าเว็บเดิมจะยังเห็น style sheet เดิมอะครับ

    • Siam HTML says:

      web browsers จะยังไม่โหลดของใหม่มาในทันทีนะครับ
      โดยปกติแล้ว web browsers จะโหลดไฟล์ที่อยู่ใน manifest มาใหม่ก็ต่อเมื่อ
      1. มีการ clear cache ของ browser
      2. ไฟล์ manifest มีการ update
      ในกรณีนี้ หากเรามีการแก้ไขไฟล์ที่แคชเอาไว้ ให้เราเซฟไฟล์ manifest ใหม่ วันที่มันจะได้เปลี่ยนไป web browsers ก็จะโหลดไฟล์เหล่านั้นใหม่ครับ

  3. somkidgung says:

    มีผลกับมือถือแทบเล็ตไหมครับ ?

    • Siam HTML says:

      มีผลครับ เราสามารถใช้ manifest file ได้แล้วใน web browsers รุ่นใหม่ๆ ที่มีใน ปัจจุบันครับ ลองดูรายละเอียดเพิ่มเติมได้ที่นี่ครับ
      http://caniuse.com/offline-apps

Leave a Reply