AMP HTML มีความสำคัญอย่างไรกับเว็บไซต์


AMP HTML มีความสำคัญอย่างไรกับเว็บไซต์ ใช้งานเว็บไซต์แล้วรู้สึกช้า
AMP HTML มีความสำคัญอย่างไรกับเว็บไซต์ ใช้งานเว็บไซต์แล้วรู้สึกช้า

AMP HTML มีความสำคัญอย่างไรกับเว็บไซต์

5 วิธีการเลือกติดตั้งปลั๊กอินอย่างไรให้มีประสิทธิภาพ ปลั๊กอิน

AMP HTML มีความสำคัญอย่างไรกับเว็บไซต์ คุณเคยไหมคะ ใช้งานเว็บไซต์ของตัวเองในสมาร์ทโฟน แล้วรู้สึกว่าเว็บไซต์ช้า หรือหน้าเว็บไซต์ของคุณโหลดไม่ขึ้น ไม่ว่าจะปรับรูปภาพ ติดตั้งปลั๊กอินความเร็ว หรือเปลี่ยนผู้สร้างเว็บไซต์ หรือเปลี่ยนผู้ดูแลการโหลดหน้าเว็บไซต์ก็ไม่เร็วขึ้น ทำทุกวิธีทางแล้วก็ไม่สามารถแก้ไขปัญหานี้ได้ วันนี้เรามีหนึ่งวิธีมาฝากกันค่ะ

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

ปัญหาเรื่องเว็บไซต์ช้าในการแสดงผลบนสมาร์ทโฟน สำหรับ google แล้วปัญหาเรื่องนี้เป็นปัญหาที่สำคัญ และ googleก็ให้ความสำคัญกับเรื่องนี้มาก โดยการคิดวิธี กำจัดโค้ด HTML แบบเดิมออกเพื่อลงโค้ดที่ไม่จำเป็นออก แล้วคิดโค้ดใหม่ชื่อ  AMP HTML ( Accelerated Mobile Pages ) คือ HTML แบบเดิมเพิ่มเติมคือ tag แบบใหม่ ๆ บางตัวเข้าไป ซึ่ง tag พวกนี้ที่ Google นำมาใช้เพื่อจำกัดพื้นที่ ของโค้ดที่ไม่จำเป็น

ส่วนประกอบของ AMP HTML แบ่งออกเป็น 3 ส่วน

  1. HTML Components คือ tag ใหม่ ที่ Google บอกให้เราเปลี่ยนมาใช้แทน tag แบบเดิม
  2. JS Library เป็น JavaScript ที่เอาไว้อ่าน tag ใหม่ที่เพิ่มเข้ามา
  3. Validator เอาไว้ validate ว่าหน้าเว็บนี้เขียนโค้ดถูกต้องตามหลัก AMP HTML แล้วหรือยัง

HTML Tags ใน AMP HTML

  • Tag ที่ห้ามใช้

มีหลาย ๆ tag ที่ไม่สามารถใช้ได้แล้วใน AMP HTML แต่ส่วนใหญ่ก็จะเป็น tag ที่ไม่ค่อยได้ใช้กันอยู่แล้ว อย่างพวก frame, frameset รวมไปถึง tag อย่าง object, param, embed ที่ต้องระวังก็จะมี tag ในกลุ่มของ form และ input ต่าง ๆ รวมไปถึง text area และ select ที่จะใช้ไม่ได้แล้ว

  • Tag ที่ใช้ได้ภายใต้เงื่อนไขที่กำหนด

เช่น script ที่จะให้ใช้ได้เฉพาะโหลด AMP JS library รวมไปถึง library อื่น ๆ ที่ AMP HTML เป็นคนจัดหาไว้ให้เท่านั้น นอกจากนั้นก็จะมี style และ link ที่ให้ใส่ได้เฉพาะตามข้อตกลงที่ AMP HTML ระบุไว้เท่านั้นเหมือนกัน ทั้งนี้ก็เพื่อที่จะคุมคุณภาพของโค้ดไม่ให้มีโค้ดที่ไม่จำเป็น

  • Tag ที่หน้าตาเปลี่ยนไป

tag อย่าง img, video, audio และ iframe จะมีการเพิ่ม prefix amp- เข้าไปข้างหน้าเป็น amp-img, amp-video, amp-audio และ amp-iframe จะสังเกตว่า tag พวกนี้ล้วนมีการโหลดของข้างนอกมาใช้ Google เลยต้องให้เราเปลี่ยนมาใช้ tag ใหม่ เพื่อที่จะสามารถจัดการเรื่องการโหลดทรัพยากรได้

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

ขอขอบคุณข้อมูลจาก http://www.siamhtml.com

………………………………………………………………….

ต้องการปรึกษาหรือดูแลเว็บไซต์กับบริษัท KTn develop ติดต่อสอบถามได้ที่

โทรศัพท์มือถือ KTn develop: 094-551-6420 , 086-335-3642

E-mail KTn develop: INFO@KTNDEVELOP.COM

เว็บไซต์ KTn develop: www.ktnwebdesign.com

Line@ KTn develop: @KTNDEVELOP