 |
| |
AMP ทำให้เว็บมีประสิทธิภาพได้อย่างไร
AMP คืออะไร?
AMP (Accelerated Mobile Pages) คือ วิธีการสร้างหน้าเว็บที่มีเนื้อหาไม่เปลี่ยนแปลง ซึ่งเป็นTechnology ของ Google ที่ต้องการให้เว็บแสดงผลรวดเร็วทันทีที่กดไม่ต้องโหลด ซึ่งหากเรา Search บน mobile แล้ว เว็บไซต์ไหน Support AMP ก็จะมีรูปสายฟ้าโผล่ขึ้นมา
โดยการทำงานของAMP จะประกอบด้วยส่วนประกอบ 3 ส่วนดังนี้
- AMP TML คือ ส่วนขยายสำหรับการสร้างเนื้อหาที่มีความสมบูรณ์มากกว่า HTML ทั่วไป พูดง่ายๆคือ AMP HTML เป็น HTML ที่เรารู้จักกัน แต่มีกฎ ข้อจำกัด และ tag ใหม่บางส่วน
- AMP JS เป็นส่วนที่ใช้สำหรับอ่าน AMP HTML เพื่อให้สามารถแสดงหน้าเว็บได้อย่างรวดเร็ว
- Google AMP Cache เป็นส่วนที่ใช้ตรวจสอบชุดคำสั่งหรือ tag ที่เราเขียนไปว่าถูกต้องตามกฎของ AMP หรือไม่นั่นเอง
AMP ทำให้เว็บมีประสิทธิภาพได้อย่างไร?
หากทำตามวิธี AMP นักพัฒนาจะต้องเเสดง CSS ทั้งหมดจะต้องแสดงแบบบรรทัดเดียวกันและเป็นไปตามที่กำหนดไว้ มีการจัดลำดับการโหลดทรัพยากร การดาวน์โหลดที่เป็นระบบ โดยเน้นการใช้ทรัพยากรที่จำเป็นก่อน มีการกำหนดขนาดทรัพยากรทั้งหมดแบบคงที่ตามแบบ HTML เพื่อให้ AMP สามารถพิจารณาขนาดและตำแหน่งของแต่ละ Element ก่อนที่จะดาวน์โหลดทรัพยากร AMP จะโหลดเค้าโครงของหน้าโดยไม่รอการดาวน์โหลดทรัพยากร จะเห็นได้ว่าการทำตามวิธี AMP นั้นเป็นวิธีที่ดีเลยทีเดียวเพราะจะทำให้เว็บไซต์เเสดงผลบนมือถือได้อย่างเร็วขึ้นอย่างเห็นได้ชัดนั้นเอง
|
| |
หมายเหตุ
บทความททั้งหมดนี้ได้เรียบเรียงขึ้นจากความเข้าใจของทีมงานเอโอซอฟต์ของเรา เพื่อให้ผู้ที่ต้องการศึกษาเกี่ยวกับเว็บไซต์เบื้องต้นได้เข้ามาศึกษากัน ครับ บทความนี้เป็นลิขสิทธิ์ของทาง บริษัทเอโอซอฟต์จำกัด สำหรับผู้ใดนำไปเผยแพร่ รบกวนติดลิ้งค์กลับมายังเว็บไซต์ของเราด้วยนะครับ หากไม่ทำการติดลิ้งค์กลับมาทางบริษัทเราขอสงวนสิทธิ์ ที่จะให้ท่านนำเผยแพร่ต่อครับ |
| |
Date: 29 ม.ค. 2021
แสดงผล 107 ครั้ง |
| |
|
|
| |
|
| 10 อันดับที่มีคนดูมากที่สุด |
|
การทำ Read-Only บน PowerPoint สำคัญมากสำหรับการส่งงานชนิดสมบูรณ์
แสดงผล : 284181 ครั้ง
เสิร์ชเอนจิน (Search Engine) หรือ โปรแกรมค้นหา คือ โปรแกรมที่ออกแบบมาเป็นเครื่องมือสำหรับใช้ ค้นหาข้อมูลบนอินเตอร์เน็ตหรือบนเว็บไซต์
แสดงผล : 193163 ครั้ง
Python คือชื่อภาษาที่ใช้ในการเขียนโปรแกรมภาษาหนึ่ง ซึ่งถูกพัฒนาขึ้นมาโดยไม่ยึดติดกับแพลตฟอร์ม
แสดงผล : 124992 ครั้ง
จอ Blue Screen
แสดงผล : 117826 ครั้ง
มารู้กันเลยดีกว่าว่า Photoshop มีประโยชน์และทำอะไรได้บ้าง
แสดงผล : 46133 ครั้ง
การรับค่าจากฟอร์ม จะใช้ตัวแปรอยู่ 3 แบบด้วยกันคือ $_GET, $_POST และ $_REQUEST ซึ่งแต่ละแบบจะมีการส่งค่า หรือรับค่าความหมายของแต่ละชนิดของตัวแปลอธิบายได้ดังนี้
แสดงผล : 40678 ครั้ง
แนะนำบทความ วิธีสร้างแบนเนอร์อย่างง่ายใน photoshop แบบ step by step เลยใครอยากจะลองทำลองมาดูนะ
แสดงผล : 31047 ครั้ง
คนที่เขียน PHP มีกันมากมาย แต่มีใครสังเกตไหมว่าใน PHP มีฟังก์ชันที่ให้เช็คค่าตัวแปรนั้นที่ให้มา โดยที่เราเห็นกันบ่อยๆส่วนมากก็คือ isset แต่เดี๋ยวก่อนเจ้า isset ยังมีพี่น้องที่คล้ายมันอยู่อีกคือ empty() และ is_null() เราลองมาเปรียบเทียบฟังก์ชั่นชั่นทั้ง 3 นี้กัน
แสดงผล : 30443 ครั้ง
แนะนำโปรแกรมสำหรับงานเขียนโค้ด
แสดงผล : 27343 ครั้ง
แนะนำอธิบาย ขั้นตอนวิธีการใช้งานเบื้องต้น โปรแกรม PhotoScape อย่างละเอียด
แสดงผล : 26781 ครั้ง
|
| |
|
|
