ที่งาน Chrome Dev Summit 2019 Google ได้ประกาศเครื่องมือใหม่สำหรับนักพัฒนาซอฟต์แวร์เพื่อปรับปรุงประสบการณ์ผู้ใช้ ลดเวลาในการโหลด และเพิ่มความปลอดภัยบนเว็บ
สองทศวรรษที่แล้ว Google เริ่มต้นจากการเป็นเครื่องมือค้นหาเว็บ แต่ในปัจจุบัน Google มีอิทธิพลเหนือวิธีที่เราสัมผัสและโต้ตอบกับเว็บ Google Search ทำหน้าที่ควบคุมการใช้งานออนไลน์ส่วนใหญ่อย่างมหาศาล แต่ยังมีผลิตภัณฑ์อื่นๆ เช่น เบราว์เซอร์ที่ได้รับความนิยมมากที่สุดในโลก – Google Chrome – เช่นเดียวกับระบบปฏิบัติการบนมือถือที่ใช้มากที่สุดอย่าง Android – ได้ทำให้ Google เป็นผู้นำในหมู่ผู้มีส่วนได้ส่วนเสียรายอื่น ๆ ของเว็บ เปอร์เซ็นต์ของผู้ใช้ที่ออนไลน์โดยใช้อุปกรณ์มือถือเพิ่มขึ้น และยักษ์ใหญ่อินเทอร์เน็ตก็ให้ความสำคัญกับการลดเวลาในการโหลดเพื่อให้แน่ใจว่าจะติดขัด แอมป์หรือ เร่งความเร็วหน้าบนมือถือ เป็นขั้นตอนหนึ่งที่ Google ดำเนินการเพื่อให้แน่ใจว่าโหลดหน้าเว็บได้เร็วขึ้น ปีที่แล้วยังได้เปิดตัวองค์ประกอบเว็บที่เรียกว่า "พอร์ทัล" เพื่อเพิ่มประสิทธิภาพการสลับระหว่างหน้าเว็บแบบ "ราบรื่น"
ด้วยวิสัยทัศน์ที่จะ”ทำให้การโหลดหายไป," วันนี้ Google ได้ประกาศเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ใหม่ที่
พอร์ทัล
Google แสดงให้เห็นถึงความก้าวหน้าดังกล่าว พอร์ทัล ได้ทำตั้งแต่เปิดตัวที่ Google I/O เมื่อต้นปีนี้ และนำไปใช้หลังธงใน Chrome Canary เพื่อรีเฟรชหน่วยความจำของคุณ พอร์ทัลอนุญาตให้นักพัฒนาฝังเนื้อหาบางส่วนหรือหน้าเว็บทั้งหมดลงในหน้าเว็บอื่นได้เช่นเดียวกับ iframe เพื่อลดเวลาในการรอ เนื้อหาภายในพอร์ทัลหรือเฟรมจะโหลดในขณะที่ผู้ใช้ยังคงเรียกดูเว็บเพจเริ่มต้น
Google ได้แชร์ตัวอย่างบริการจองตั๋วภาพยนตร์ Fandango ซึ่งมีหน้า Landing Page สำหรับภาพยนตร์เรื่องใดเรื่องหนึ่ง (โจ๊ก ในตัวอย่าง) ถูกผูกไว้ภายในพอร์ทัล เมื่อผู้ใช้แตะที่ Joker หน้าถัดไปจะแสดงผลโดยสมบูรณ์แล้ว
การรวมกลุ่มเว็บ
Google กำลังประกาศ การรวมกลุ่มเว็บ ซึ่งสร้างขึ้นเพื่อช่วยให้นักพัฒนาเว็บแบ่งปันเนื้อหาเว็บของตนกับผู้อื่นผ่านสื่อที่หลากหลาย รวมถึงแต่ไม่จำกัดเพียงอีเมล USB หรือ FTP นักพัฒนาจะสามารถแคชเนื้อหาเว็บทั้งหมดที่ต้องการแบ่งปันโดยใช้ API เช่นได้อย่างมีประสิทธิภาพ การซิงค์พื้นหลังเป็นระยะ และ การจัดทำดัชนีเนื้อหา จากนั้นเลือกแสดงเนื้อหาที่ต้องการแม้ว่าผู้ใช้จะไม่ได้เชื่อมต่อกับอินเทอร์เน็ตก็ตาม เพื่อให้นักพัฒนาเว็บสามารถใช้ฟังก์ชันนี้ได้ Google กำลังทำให้ Web Bundles พร้อมใช้งานหลังธง Chrome ในขณะที่ API ทั้งสองจะพร้อมใช้งานเป็น การทดลองต้นกำเนิด.
ประสบการณ์เว็บเหมือนเจ้าของภาษา
แม้ว่าผู้ใช้จำนวนมากจะใช้โทรศัพท์มือถือของตนเพื่อออนไลน์ แต่ Google ก็ยังรับทราบถึงรูปแบบการใช้งานข้ามอุปกรณ์ทั่วโลก เป็นเวลากว่าสองสามปีที่ Google ได้ผลักดัน แอพเว็บแบบก้าวหน้า (PGA) เพื่อใช้แทนแอป Android แบบเนทีฟโดยมีวัตถุประสงค์เพื่อลดเวลาในการโหลดและการใช้ข้อมูล
[ความกว้างวิดีโอ="390" ความสูง="800" mp4=" https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]
เพื่อจัดแนวแอปพลิเคชันบนเว็บให้สอดคล้องกับแอปที่มาพร้อมเครื่อง Google จึงประกาศคุณสมบัติใหม่สามประการสำหรับนักพัฒนา เหล่านี้คือ:
- ตัวรับ SMSซึ่งจะช่วยให้เว็บแอปสามารถดึงรหัสการตรวจสอบสิทธิ์ผ่าน SMS ได้เช่นเดียวกับที่แอปสามารถทำได้ ในวิดีโอด้านบน คุณจะเห็นว่า Swiggy ซึ่งเป็นบริการสั่งอาหารอินเดียเวอร์ชันเว็บแนะนำให้ผู้ใช้ใช้ประโยชน์จากรหัสยืนยันที่ได้รับทาง SMS ได้อย่างราบรื่นเพียงใด
- ติดต่อพิคเกอร์ซึ่งจะช่วยให้ผู้ใช้อัปโหลดผู้ติดต่อไปยังเว็บแอปในลักษณะเดียวกับการแชร์ผู้ติดต่อบนแอปส่งข้อความเช่น WhatsApp
- API ระบบไฟล์ดั้งเดิมซึ่งจะให้สิทธิ์แก่เว็บแอปและอำนวยความสะดวกในการอ่านไฟล์และโฟลเดอร์จากอุปกรณ์ของผู้ใช้และบันทึกการเปลี่ยนแปลงโดยตรง การใช้งานที่เป็นไปได้ของคุณสมบัตินี้อาจรวมถึงโปรแกรมแก้ไขข้อความออนไลน์ โปรแกรมแก้ไขรูปภาพและวิดีโอ แม้แต่ IDE บนเว็บ และอื่นๆ
API เหล่านี้จะพร้อมใช้งานเป็นการทดลองใช้ต้นทางสำหรับ Google Chrome
ตัวชี้วัดและคำแนะนำใหม่สำหรับนักพัฒนา
เพื่อช่วยปรับบริบท "ความสมบูรณ์ของเว็บ" โดยทั่วไป Google ได้ประกาศโครงการที่เรียกว่า ปูมเว็บ ในความร่วมมือกับ ที่เก็บถาวร HTTP. ด้วยคำแนะนำจากผู้เชี่ยวชาญ 85 คน โครงการนี้มีจุดมุ่งหมายเพื่อค้นหาข้อมูลเชิงลึกและแสดงภาพแนวโน้มของข้อมูลที่นำไปปฏิบัติได้เกี่ยวกับแนวทางปฏิบัติที่ดีที่สุดและเลวร้ายที่สุดบนเว็บ
ภารกิจนี้เกี่ยวข้องกับการตรวจสอบเว็บไซต์เกือบ 6 ล้านเว็บไซต์ หลังจากนั้นผู้เชี่ยวชาญเหล่านี้ได้สรุปข้อสรุปเกี่ยวกับวิธีปรับปรุงประสบการณ์ผู้ใช้ใน 20 บท. แนวทางปฏิบัตินี้จะถูกทำซ้ำในฐานะ "ประเพณีประจำปี" เพื่อให้ Almanac ยังคงเป็นแนวทางที่เป็นประโยชน์สำหรับนักพัฒนาเว็บ
นอกจากนี้ Google ยังเปิดตัวเมตริกใหม่ 2 รายการเพื่อช่วยให้นักพัฒนาเพิ่มประสิทธิภาพเว็บไซต์ของตนเพื่อแนวทางปฏิบัติที่ดีที่สุด เหล่านี้คือ:
- สีเนื้อหาที่ใหญ่ที่สุด (LCP)ซึ่งเวลาในการโหลดหน้าเว็บ "รับรู้" พูดง่ายๆ ก็คือเวลาในการโหลดของ "องค์ประกอบที่ใหญ่ที่สุดที่มองเห็นได้ในมุมมอง" นี่จะ วัดปริมาณว่าองค์ประกอบสำคัญบนหน้าเว็บโหลดได้เร็วเพียงใด เพื่อให้นักพัฒนาสามารถกำจัดประเภทใดๆ ได้ ของความล่าช้า LCP ได้รับการคำนวณตามเวลาก่อนที่ผู้ใช้จะโต้ตอบกับเพจ ดังนั้นจุดประสงค์ในที่นี้คือการลดความล่าช้าในการโหลดให้มากที่สุด
- การเปลี่ยนแปลงเค้าโครงสะสม (CLS)ซึ่งใช้วัดความเสถียรของหน้าเว็บ สามารถช่วยให้นักพัฒนาทราบได้ว่าองค์ประกอบต่างๆ เช่น ปุ่มหรือรูปภาพใดเปลี่ยนตำแหน่งในส่วนที่มองเห็นได้บ่อยเพียงใดในขณะที่เพจกำลังโหลด ดังนั้น CLS สามารถช่วยนักพัฒนาขจัดปัญหาที่น่าหงุดหงิดเกี่ยวกับองค์ประกอบที่เปลี่ยนตำแหน่งในขณะที่โหลดเพจได้ เมตริกนี้อาศัย "คะแนนการเปลี่ยนแปลงเลย์เอาต์" ซึ่งวัดแนวโน้มที่องค์ประกอบของหน้าจะเปลี่ยนไปขณะโหลด ซึ่งสร้างปัญหาให้กับผู้ใช้ คะแนนการเปลี่ยนเลย์เอาต์ควรเป็นศูนย์หรืออย่างน้อยก็ใกล้เคียงกับศูนย์ที่สุดเท่าที่จะเป็นไปได้ เพื่อให้มั่นใจว่าผู้ใช้จะได้รับประสบการณ์ที่ไม่ยุ่งยาก
ด้วยวัตถุประสงค์ในการช่วยให้นักพัฒนาซอฟต์แวร์ได้รับประสิทธิภาพ การเข้าถึง และประสิทธิภาพที่ดีที่สุดบนเว็บไซต์ของตน Google กำลังขยายขอบเขตของ ชุดประภาคารสแต็ก สู่กรอบงานต่างๆ นอกจาก WordPress และ Next.js ซึ่งได้รับการสนับสนุนโดย Lighthouse แล้ว Google ยังเพิ่มการสนับสนุนอีกด้วย เฟรมเวิร์กเช่น AMP, Angular, React รวมถึง Magento, CMS ที่จัดไว้สำหรับอีคอมเมิร์ซโดยเฉพาะ เว็บไซต์
ปรับปรุงการจัดการหน่วยความจำ ความเป็นส่วนตัวที่ดีขึ้น และการควบคุมที่ดียิ่งขึ้น
Google อ้างว่าได้ลงทุนเวลา ความพยายาม และเงินเพื่อแก้ไขข้อร้องเรียนที่ใหญ่ที่สุดข้อหนึ่งเกี่ยวกับ Google Chrome และนั่นก็คือการใช้หน่วยความจำ นอกเหนือจากการปรับปรุงการจัดการหน่วยความจำแล้ว พวกเขายังปรับปรุงประสิทธิภาพของ Chrome อย่างต่อเนื่องเพื่อให้แน่ใจว่าทุกคนสามารถเข้าถึงเว็บได้ โดยไม่คำนึงถึง "ประเภทอุปกรณ์ ความเร็วอินเทอร์เน็ต หรือกำลังซื้อ"
ในแง่ของความเป็นส่วนตัว Google Chrome เวอร์ชันถัดไป เช่น ver79 จะได้รับการปรับปรุงวิธีจัดการคุกกี้ ซึ่งรวมถึงการสลับใหม่บนหน้าแท็บใหม่ในโหมดไม่ระบุตัวตนเพื่อช่วยให้ผู้ใช้ควบคุมคุกกี้ของบุคคลที่สามได้ดีขึ้นมาก หน้าการตั้งค่าจะได้รับการปรับแต่งเพื่อให้เข้าถึงการสลับนี้ได้อย่างง่ายดายในโหมดปกติ
Google กำลังต่อยอดความพยายามในการพัฒนา แซนด์บ็อกซ์ความเป็นส่วนตัวซึ่งถูกกำหนดให้เป็นชุดของมาตรฐานแบบเปิดที่จัดทำขึ้นเพื่อปรับปรุงความเป็นส่วนตัวทางออนไลน์ Privacy Sandbox มุ่งเป้าไปที่การอนุญาตให้เว็บไซต์ปรับใช้คุกกี้ได้โดยไม่ทำให้ผู้ใช้รู้สึกหนักใจหรือไม่ปลอดภัยเนื่องจากโฆษณา ขณะเดียวกันก็ค้นหาวิธีบล็อกลายนิ้วมือด้วย