ในฐานะนักพัฒนา เรามักพูดถึงประสิทธิภาพและขอให้เบราว์เซอร์แสดงผลสิ่งต่างๆ เร็วขึ้น แต่เมื่อพวกเขาทำได้ในที่สุด เราต้องการประสิทธิภาพมากขึ้นไปอีก

Alex Russel จากทีม Chrome ได้แบ่งปันความคิดบางอย่างเกี่ยวกับนักพัฒนาซอฟต์แวร์ที่ใช้ประสิทธิภาพของเบราว์เซอร์ในทางที่ผิด และอธิบาย ว่าเหตุใดเว็บไซต์จึงยังทำงานช้า แม้ว่าเบราว์เซอร์จะพัฒนาตัวเองใหม่ ด้วยเครื่องมือแสดงผลที่รวดเร็วอย่างเหลือเชื่อ ซึ่งสอดคล้องกับบทความของ Oliver Williams ซึ่งเขากล่าวว่าเรากำลังมุ่งเน้นไปที่สิ่งที่ไม่ถูกต้อง และแทนที่จะนำเสนอโซลูชันที่เร็วที่สุดสำหรับเครื่องและเบราว์เซอร์ที่ช้ากว่า เรากำลังให้บริการกลุ่มที่ใหญ่กว่าด้วย polyfills และรหัส transpiled ไปยัง ทุกเบราว์เซอร์

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

ข่าว

• Firefox 60 ออกมาแล้วและนำโมดูล ECMAScript รวมถึง Web Authentication API
• Chrome 66 เสถียรแล้ว โดยแนะนำการอัปเดตที่สำคัญบางประการเกี่ยวกับเสียง หลังจากบั๊กที่เกิดจากการป้องกันผู้ใช้ที่เพิ่งเปิดตัวใหม่เพื่อต่อต้านการเล่นอัตโนมัติในเบื้องหลังซึ่งทำให้เกิดปัญหาร้ายแรงกับไคลเอนต์ WebRTC นั้น Chrome ได้ประกาศที่จะยกเลิกการบล็อกอัตโนมัติและเลื่อนออกไปจนกว่า Chrome 70 (จะมาในฤดูใบไม้ร่วง) ดังนั้นนักพัฒนา มีเวลามากขึ้นในการปรับ codebase ของตน
• ด้วย Chrome 66 ที่เปิดตัวไปแล้วและ Firefox เวอร์ชันใหม่ล่าสุดที่กำลังจะมีขึ้นในเร็วๆ นี้ เบราว์เซอร์หลักสองแห่งไม่ไว้วางใจใบรับรองของ Symantec ทั้งหมดที่ออกก่อนเดือนมิถุนายน 2016 และเชื่อฉันเถอะว่ามีหลายไซต์ที่ยังไม่เปลี่ยนแปลง ใบรับรองที่ได้รับผลกระทบ ดังนั้น ผู้ใช้จะไม่สามารถเข้าถึงได้ในขณะนี้ (Chrome) หรือเร็วๆ นี้ (Firefox)
• ขณะนี้ Github Pages รองรับ HTTPS สำหรับโดเมนที่กำหนดเอง ก่อนหน้านี้ HTTPS ใช้ได้เฉพาะกับโดเมนย่อย *.github.io หรือผ่านผู้ให้บริการบุคคลที่สาม เช่น Cloudflare
• Chrome 67 กำลังจะมาในเร็วๆ นี้ และจะเลิกใช้งานบางสิ่งก่อนที่จะยกเลิกการสนับสนุนทั้งหมดสองเวอร์ชันในภายหลัง ซึ่งได้แก่ การตรึงคีย์สาธารณะแบบ HTTP (HPKP) และ AppCache ในบริบทที่ไม่ปลอดภัย
• การอัปเดต Windows 10 เดือนเมษายนทำให้ EdgeHTML 17 มีแท็บปิดเสียง แบบฟอร์มป้อนอัตโนมัติ โหมด "พิมพ์เว็บไซต์" ใหม่เพื่อประหยัดทรัพยากร พนักงานบริการ และการแจ้งเตือนแบบพุช แบบอักษรตัวแปร, การจับภาพหน้าจอใน RTC ผ่าน Media Capture API, ความสมบูรณ์ของทรัพยากรย่อย (SRI) และการสนับสนุนสำหรับส่วนหัว Upgrade-Insecure-Requests ยังได้รับการเพิ่มอีกด้วย ก้าวหน้าไปอีกขั้น!
• npm เวอร์ชัน 6 พร้อมการปรับปรุงความปลอดภัยที่สำคัญบางประการ จากนี้ไป คุณไม่เพียงมีคำสั่งการ npm audit ใหม่เพื่อตรวจสอบการพึ่งพาช่องโหว่ของคุณ แต่ npm จะทำสิ่งนี้โดยอัตโนมัติและรายงานกลับระหว่างการติดตั้งการพึ่งพา เวอร์ชันใหม่ยังมาพร้อมกับ npm ci เพื่อให้งาน CI เร็วขึ้นและการปรับปรุงอื่นๆ อีกสองสามอย่าง
• Node 10 ออกมาพร้อมกับตัวสร้างและรองรับฟังก์ชัน async, รองรับ N-API อย่างเต็มรูปแบบ และรองรับโปรโตคอล Inspector มันจะกลายเป็นการสนับสนุนระยะยาวรุ่นต่อไปในเดือนตุลาคม
• เครื่องมือแนวปฏิบัติที่ดีที่สุดในการเข้ารหัสของ Microsoft sonarwhal มีวางจำหน่ายแล้วในเวอร์ชันเสถียรรุ่นแรก

ทั่วไป

• โอลิเวอร์ วิลเลียมส์เขียนเกี่ยวกับความสำคัญที่เราคิดใหม่ว่าเราสร้างเว็บไซต์อย่างไรและใช้ "การเพิ่มประสิทธิภาพแบบก้าวหน้า" เพื่อทำให้เว็บทำงานได้ดีสำหรับทุกคน ท้ายที่สุด เราเองที่ทำให้ประสบการณ์การใช้งานแย่ลงสำหรับผู้ใช้ของเราเมื่อทำการ transpilling โค้ด ECMAScript ทั้งหมดของเราอย่างสุ่มสี่สุ่มห้าหรือให้บริการ JavaScript polyfills จำนวนมากแก่ผู้ที่ใช้เครื่องช้าและซอฟต์แวร์เก่าอยู่แล้ว
• Ian Feather เปิดเผยว่าประมาณ 1% ของคำขอ JavaScript บน BuzzFeed ทั้งหมดหมดเวลา นั่นคือประมาณ 13 ล้านคำขอต่อเดือน เป็นการเตือนที่ดีถึงความสำคัญของการจัดเตรียมทางเลือกที่มีประสิทธิภาพ การเพิ่มประสิทธิภาพแบบก้าวหน้า และวิธีแก้ไขปัญหาเฉพาะหน้า
• คำสั่งใหม่ของ GDPR (กฎระเบียบให้ความคุ้มครองข้อมูลส่วนบุคคลของผู้บริโภค) กำลังจะมาในเร็วๆ นี้ และในขณะที่กล่องจดหมายของเราเต็มไปด้วยการอัปเดตนโยบายความเป็นส่วนตัว สิ่งหนึ่งที่ยังไม่ชัดเจนคือบริการใดสามารถให้ DPA (ข้อตกลงการประมวลผลข้อมูล) ได้แล้ว Joschi Kuphal รวบรวมบริการที่มี DPA เพื่อให้เราสามารถค้นหาได้อย่างง่ายดาย และดูว่าเราจะได้รับสำเนาเพื่อใช้บริการของพวกเขาต่อไปได้อย่างไร คุณสามารถช่วยโดยบริจาคให้กับทรัพยากรนี้ผ่านคำขอดึง

## UI/UX

• Jared M. Spool สรุปว่าเหตุใดผู้ใช้บางครั้งจึงเกลียดตัวเลือกการออกแบบที่เราทำ แต่ไม่เปลี่ยนแปลงหรือออกแบบใหม่โดยรวม
• ข่าวใหญ่มาจาก Adobe เกี่ยวกับผลิตภัณฑ์สร้างต้นแบบ Xd: จากนี้ไป ซอฟต์แวร์จะให้บริการฟรีสำหรับทุกคนที่มีแผนเริ่มต้นใหม่ ความแตกต่างเพียงอย่างเดียวของแผนแบบชำระเงินคือพื้นที่เก็บข้อมูลจำกัด มีต้นแบบที่ใช้ร่วมกันเพียงตัวเดียว (แต่ไม่จำกัดจำนวนที่แชร์มากเท่าที่คุณต้องการ) และเฉพาะไลบรารี Typekit ที่ให้บริการฟรีเท่านั้น ทีม Xd ยังปรับปรุงการผสานรวม Sketch และ Photoshop และตอนนี้คุณสามารถสลับสัญลักษณ์ วางลงในอาร์ตบอร์ดหลายแผ่น และปกป้องข้อกำหนดการออกแบบด้วยรหัสผ่านได้อีกด้วย
• Mei Zhang สอนหลักการออกแบบผลิตภัณฑ์ให้ดีขึ้นด้วยบัตรผลิตภัณฑ์เพียงใบเดียว

## ความปลอดภัย

• ในเดือนนี้ การจี้บางส่วนของบริการ Route 53 DNS ของ Amazon ทำให้ผู้โจมตีสามารถควบคุมและอาจสกัดกั้นการรับส่งข้อมูลของลูกค้าที่ใช้บริการ นี่เป็นอีกครั้งที่แสดงให้เห็นอีกครั้งว่า DNS ซึ่งเป็นส่วนสำคัญของอินเทอร์เน็ตนั้นอ่อนแอเพียงใด
• Firefox เวอร์ชันล่าสุดมาพร้อมกับการรองรับ Web Authentication API ซึ่งเป็นก้าวสำคัญในการกำจัดรหัสผ่าน API ช่วยให้คุณเข้าสู่ระบบผ่านคีย์ฮาร์ดแวร์ เช่น YubiKey หากเบราว์เซอร์และบริการเว็บรองรับเทคโนโลยีใหม่ โดยเฉพาะอย่างยิ่ง Chrome 67 beta กำลังจัดส่ง API ด้วยเช่นกัน ทีมงานของพวกเขาได้เขียนคู่มือการติดตั้งทางเทคนิค
• ตั้งแต่ Firefox 60 เป็นต้นไป เราจะสามารถระบุแอตทริบิวต์ same-site สำหรับคุกกี้ได้ ซึ่งจะช่วยให้เว็บแอปพลิเคชันแนะนำเบราว์เซอร์ว่าควรส่งคุกกี้ก็ต่อเมื่อคำขอมาจากเว็บไซต์ที่คุกกี้นั้นมาจาก อ่านรายละเอียดเพิ่มเติมในโพสต์บล็อกประกาศ

## ความเป็นส่วนตัว

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

## ประสิทธิภาพของเว็บ

• Postgres 10 อยู่ที่นี่มาระยะหนึ่งแล้ว แต่โดยส่วนตัวแล้วฉันพยายามค้นหาข้อมูลดีๆ เกี่ยวกับวิธีการใช้คุณสมบัติที่น่าทึ่งเหล่านี้ที่นำมาด้วย ตอนนี้ Gabriel Enslein แชร์การอัปเดตประสิทธิภาพ Postgres 10 ในสไลด์เด็ค ให้ความกระจ่างเกี่ยวกับวิธีใช้การสนับสนุน JSON ในตัว การแบ่งพาร์ติชันดั้งเดิมสำหรับชุดข้อมูลขนาดใหญ่ ความยืดหยุ่นของดัชนีแฮช และอื่นๆ
• Andrew Betts พบว่าเว็บไซต์จำนวนมากใช้ส่วนหัวที่ล้าสมัย ตอนนี้เขาเล่าว่าเหตุใดเราจึงควรทิ้งส่วนหัวแบบเก่าและอันไหนที่ควรเสิร์ฟแทน

## การเข้าถึง

• Marcy Sutton แบ่งปันวิธีที่ Wikipedia สร้างคุณลักษณะการแสดงตัวอย่างลิงก์ใหม่ในลักษณะที่เข้าถึงได้ เพื่อให้ผู้คนสามารถใช้แป้นพิมพ์และเมาส์เพื่อทริกเกอร์การซ้อนทับได้อย่างง่ายดาย คุณสามารถอ่านเพิ่มเติมเกี่ยวกับวิธีการสร้างคุณลักษณะนี้ในโพสต์นี้โดย Nirzar Pangarkar ผู้ออกแบบ Wikipedia
• Scott O'Hara อธิบายความแตกต่างระหว่างคีย์เวิร์ด hidden และ none คีย์เวิร์ดใน ARIA และเมื่อใดที่เราควรใช้คีย์เวิร์ดใด

## CSS

• หลายปีที่ผ่านมามีการพูดคุยกันน้อยมาก ตาราง CSS ยังคงใช้บนเว็บไซต์ส่วนใหญ่เพื่อแสดงข้อมูลในตาราง (และนั่นคือวิธีที่ถูกต้องโดยสิ้นเชิง) แต่เนื่องจากไม่ตอบสนองโดยค่าเริ่มต้น เราจึงมักมีปัญหาในการทำให้ตอบสนอง และพวกเราส่วนใหญ่ใช้ JavaScript เพื่อให้ทำงานบนหน้าจอมือถือ ตอนนี้ Lea Verou พบวิธีใหม่สองวิธีในการบรรลุตารางตอบสนองโดยใช้ CSS: วิธีแรกคือใช้ text-shadow เพื่อคัดลอกข้อความไปยังแถวอื่น อีกวิธีหนึ่งใช้ element() เพื่อคัดลอก <thead> ทั้งหมดไปยังแถวอื่น — ฉันยังคงพยายาม เพื่อทำความเข้าใจว่า Lea พบวิธีแก้ปัญหาเหล่านี้ได้อย่างไร แต่สิ่งนี้น่าทึ่งมาก!
• Rachel Andrew เขียนบทความเกี่ยวกับการสร้างและการจัดหาสไตล์ชีตการพิมพ์ในปี 2018 และเหตุใดจึงมีความสำคัญสำหรับผู้ใช้ แม้ว่าพวกเขาจะไม่ได้เป็นเจ้าของเครื่องพิมพ์อีกต่อไป
• Osvaldas Valutis แบ่งปันวิธีการใช้รูปแบบการนำทางที่เรียกว่า "Priority Plus" ส่วนใหญ่ด้วย CSS อย่างน้อยในเบราว์เซอร์สมัยใหม่ หากคุณต้องการสนับสนุนเบราว์เซอร์รุ่นเก่า คุณจะต้องขยายโซลูชันนี้เพิ่มเติม แต่เป็นการเริ่มต้นที่ดีในการใช้รูปแบบดังกล่าวโดยไม่ใช้ JavaScript มากเกินไป
• Rachel Andrew แชร์สิ่งที่กำลังจะเกิดขึ้นในข้อกำหนด CSS Grid Level 2 และ Subgrid และอธิบายว่ามันคืออะไร สามารถแก้ไขได้อย่างไร และใช้งานอย่างไรเมื่อพร้อมใช้งานในเบราว์เซอร์

## JavaScript

• Chris Ashton "ใช้เว็บเป็นเวลา 1 วันโดยปิด JavaScript" งานชิ้นนี้เน้นย้ำถึงความสำคัญของการคิดเกี่ยวกับความล้มเหลวของ JavaScript ที่อาจเกิดขึ้นบนเว็บไซต์ และเหตุใดจึงสำคัญหากคุณระบุทางเลือกสำรองหรือไม่
• Sam Thorogood แบ่งปันวิธีที่เราสามารถสร้าง "การเลิกทำและทำซ้ำดั้งเดิมสำหรับเว็บ" ที่ใช้ในโปรแกรมแก้ไขข้อความ เกม การวางแผนหรือซอฟต์แวร์กราฟิก และโอกาสอื่นๆ เช่น การเรียงลำดับใหม่แบบลากแล้วปล่อย และแม้ว่าการสร้างจะไม่ง่ายนัก แต่บทความนี้จะอธิบายแนวคิดและแง่มุมทางเทคนิคเพื่อช่วยให้เราเข้าใจเรื่องที่ซับซ้อนนี้
• มีวิธีใหม่ในการปรับใช้การสืบค้นองค์ประกอบ/คอนเทนเนอร์ในแอปพลิเคชันของคุณ: eqio เป็นไลบรารีขนาดเล็กที่ใช้ IntersectionObserver

## ชีวิตการทำงาน

• Johannes Seitz แบ่งปันความคิดของเขาเกี่ยวกับการจัดการโครงการในช่วงเริ่มต้นของโครงการ เขาเรียกวิธีการนี้ว่า "Iteration Zero" แนวคิดที่น่าสนใจในการทำความเข้าใจขอบเขตและความเสี่ยงของโครงการให้ดีขึ้นในเวลาที่คุณยังไม่มีประสบการณ์เพียงพอกับตัวโครงการเอง แต่จำเป็นต้องสร้างแผนงานเพื่อเริ่มต้นสิ่งต่างๆ
• Arestia Rosenberg แบ่งปันว่าทำไมคำแนะนำอันดับหนึ่งของเธอสำหรับนักแปลอิสระคือการ มันเกี่ยวกับการทำงานเมื่อทำได้ และใช้โอกาสทำอย่างอื่นเมื่อคุณรู้สึกว่าไม่สามารถทำงานได้อย่างมีประสิทธิผล ในที่สุดสรุปผลให้ชีวิตมีความสุขและผลผลิตมากขึ้น โดยส่วนตัวแล้ว ฉันจะขยายสิ่งนี้ให้กับทุกคนที่สามารถทำได้ แต่แน่นอนว่า เป็นการดีที่สุดที่จะนำไปใช้กับฟรีแลนซ์อย่างแน่นอน
• Sam Altman แบ่งปันเคล็ดลับการเพิ่มประสิทธิภาพที่มีประโยชน์สองสามข้อซึ่งไม่ใช่แค่รายการ 'สิบสิ่งที่ต้องทำ' แต่จริงๆ แล้วเป็นความคิดที่มีประโยชน์อย่างยิ่งเกี่ยวกับวิธีการคิดเกี่ยวกับการมีประสิทธิผล

## ก้าวข้าม...

• Ethan Marcotte อธิบายอย่างละเอียดเกี่ยวกับประเด็นด้านจริยธรรมด้วย Google Duplex ที่ออกแบบมาเพื่อเลียนแบบเสียงมนุษย์อย่างดีจนผู้คนไม่สังเกตว่าเป็นเครื่องจักรหรือมนุษย์ แม้ว่าเรื่องนี้จะฟังดูน่าสนใจจากมุมมองทางเทคนิค แต่ก็จะผลักดันให้มีการถกเถียงเกี่ยวกับข่าวปลอมมากขึ้นไปอีก และทำให้การต่อสู้ดิ้นรนมากขึ้นในการแยกแยะระหว่างสิ่งที่มนุษย์พูดหรือเครื่องลอกเลียนแบบ
• แท้จริงแล้ว โลกของเราสร้างขึ้นจากคำสัญญา และนี่คือเหตุผลว่าทำไมการยึดมั่นในคำสัญญาของคุณจึงสำคัญมาก แม้ว่าจะยากในบางครั้งก็ตาม
• ฉันพนันได้เลยว่าพวกคุณส่วนใหญ่ยังไม่เคยได้ยินเกี่ยวกับ Palantir บริษัทได้รับทุนจาก Peter Thiel และเป็นบริษัทเหมืองข้อมูลที่มีความตั้งใจที่จะรวบรวมข้อมูลเกี่ยวกับทุกคนในโลกให้ได้มากที่สุด เป็นที่ทราบกันดีว่าได้ร่วมมือกับหน่วยงานบังคับใช้กฎหมายหลายแห่งและมีความเกี่ยวข้องกับการรับราชการทหาร สิ่งที่พวกเขาทำกับข้อมูลและข้อมูลที่พวกเขาได้จากเราไม่เป็นที่รู้จัก ความหวังเดียวของฉันในตอนนี้คือบริษัทนี้จะได้รับผลกระทบอย่างมากจากคำสั่ง GDPR ของสหภาพยุโรป และสหภาพยุโรปจะพยายามหยุดการเก็บรวบรวมข้อมูลที่ไม่สามารถควบคุมได้ การปฏิบัติด้านข้อมูลของ Facebook นั้นไม่มีอะไรเทียบกับ Palantir ที่ดูเหมือน
• นักวิจัยส่งเสียงเตือนหลังจากการวิเคราะห์พบว่าการซื้อสมาร์ทโฟนเครื่องใหม่ใช้พลังงานมากเท่ากับการใช้โทรศัพท์ที่มีอยู่ตลอดทศวรรษ ฉันเดาว่าฉันจะไม่เปลี่ยน iPhone 7 ของฉันในเร็วๆ นี้ มันยังเป็นอุปกรณ์ที่ยอดเยี่ยมจริงๆ และเพียงพอสำหรับสิ่งที่ฉันทำกับมัน
• Anton Sten แบ่งปันความคิดของเขาเกี่ยวกับ Vanity Metrics ซึ่งเป็นวิธีทั่วไปในการแบ่งปันตัวเลขและสถิตินอกบริบท และเนื่องจากเขาตระหนักถึงความเกี่ยวข้องของข้อมูล เขาจึงคิดแตกต่างไปเกี่ยวกับข้อมูลส่วนใหญ่ที่อ่านได้ทั่วไป เช่น การลงทุนหรือข้อมูลการใช้บริการในขณะนี้ การอ่านตัวเลขหนึ่งตัวโดยไม่มีบริบทเพื่อเปรียบเทียบนั้นไม่สำคัญเลย เราควรระลึกไว้เสมอว่า

เราหวังว่าคุณจะสนุกกับการอัปเดตการพัฒนาเว็บนี้ ครั้งต่อไปมีกำหนดในวันศุกร์ที่ 15 มิถุนายน คอยติดตาม.