AMP HTML มีความสำคัญอย่างไรกับเว็บไซต์
AMP HTML มีความสำคัญอย่างไรกับเว็บไซต์ คุณเคยไหมคะ ใช้งานเว็บไซต์ของตัวเองในสมาร์ทโฟน แล้วรู้สึกว่าเว็บไซต์ช้า หรือหน้าเว็บไซต์ของคุณโหลดไม่ขึ้น ไม่ว่าจะปรับรูปภาพ ติดตั้งปลั๊กอินความเร็ว หรือเปลี่ยนผู้สร้างเว็บไซต์ หรือเปลี่ยนผู้ดูแลการโหลดหน้าเว็บไซต์ก็ไม่เร็วขึ้น ทำทุกวิธีทางแล้วก็ไม่สามารถแก้ไขปัญหานี้ได้ วันนี้เรามีหนึ่งวิธีมาฝากกันค่ะ
จากปัญหาดังกล่าวอาจเกิดจากผู้สร้างเว็บไซต์ใช้โค้ดในการสร้างเว็บไซต์มากเกินไป หรือใช้โค้ดไม่เหมาะสม เพราะผู้สร้างเว็บไซต์ แต่ละคนมีสไตล์การสร้างเว็บไซต์ที่ต่างกัน บางคนคิดว่ามีวิธีที่ดีที่สุด บางคนก็หาวิธีโดยการค้นหาจากแหล่งข้อมูลต่าง ๆ เมื่อมาทำงานร่วมกัน หรือเปลี่ยนคนสร้างเว็บไซต์บ่อย ๆ ก็จะทำโค้ดและรายละเอียดต่าง ๆ ที่ผู้สร้างผ่าน ๆ มาติดสะสมรวมกันในเว็บไซต์ จึงเป็นเหตุให้เว็บไซต์ช้าลง
ปัญหาเรื่องเว็บไซต์ช้าในการแสดงผลบนสมาร์ทโฟน สำหรับ google แล้วปัญหาเรื่องนี้เป็นปัญหาที่สำคัญ และ googleก็ให้ความสำคัญกับเรื่องนี้มาก โดยการคิดวิธี กำจัดโค้ด HTML แบบเดิมออกเพื่อลงโค้ดที่ไม่จำเป็นออก แล้วคิดโค้ดใหม่ชื่อ AMP HTML ( Accelerated Mobile Pages ) คือ HTML แบบเดิมเพิ่มเติมคือ tag แบบใหม่ ๆ บางตัวเข้าไป ซึ่ง tag พวกนี้ที่ Google นำมาใช้เพื่อจำกัดพื้นที่ ของโค้ดที่ไม่จำเป็น
ส่วนประกอบของ AMP HTML แบ่งออกเป็น 3 ส่วน
- HTML Components คือ tag ใหม่ ที่ Google บอกให้เราเปลี่ยนมาใช้แทน tag แบบเดิม
- JS Library เป็น JavaScript ที่เอาไว้อ่าน tag ใหม่ที่เพิ่มเข้ามา
- 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
