|
Description:
|
|
# ep68 Monthly Web 202005
第 68 回のテーマは 2020 年 5 月の Monthly Web です。
### Chrome 動向
- Stable: 83
- Updates
- *New in Chrome 83*
- https://developers.google.com/web/updates/2020/05/nic83
- Trusted types
- Updates to form controls
- Origin trials
- Measure memory with `measureMemory()`
- Updates to the Native File System API
- New cross-origin policies
- Web vitals
- Barcode Detection API
- @supports CSS selectors.
- New ARIA annotations for comments, suggestions, and text highlights (similar to ``).
- prefers-color-scheme
- modules in shared workers.
- *Chromium Blog: Chrome 84 Beta: Web OTP, Web Animations, New Origin Trials and More*
- https://blog.chromium.org/2020/05/chrome-84-beta-web-otp-web-animations.html
- Web OTP API
- Web Animations
- App shortcuts
- Autoupgrade Image Mixed Content
- Blocking Insecure Downloads from Secure (HTTPS) Contexts
- ReportingObserver on Workers
- Resize Observer Updates
- revert Keyword
- Unprefixed Appearance CSS Property
- Unprefixed ruby-position CSS Property
- Web Authenticator API: Cross-origin iframe Support
- Private Methods and Accessors
- Weak references
- Deprecations, and Removals
- @import rules in `CSSStyleSheet.replace()` Removed
- Remove TLS 1.0 and TLS 1.1
- New Origin Trials
- Cookie Store API
- Idle Detection
- Origin Isolation
- WebAssembly SIMD
- Completed Origin Trials
- Content Indexing API
- Wake Lock API Based on Promises
- Deprecations and removals in Chrome 84
- https://developers.google.com/web/updates/2020/05/chrome-84-deps-rems
- @import rules in CSSStyleSheet.replace() removed
- Remove TLS 1.0 and TLS 1.1
- *What's New In DevTools (Chrome 84)*
- https://developers.google.com/web/updates/2020/05/devtools
- Fix site issues with the new Issues tab
- View accessibility information in the Inspect Mode tooltip
- Performance panel updates
- Layout Shift events in the new Experience section
- More accurate promise terminology in the Console
- Support for the revert keyword
- Image previews
- Color Picker now uses space-separated functional color notation
- Deprecation of the Properties pane in the Elements panel
- App shortcuts support in the Manifest pane
- Chromium Blog: Introducing Web Vitals: essential metrics for a healthy site
- https://blog.chromium.org/2020/05/introducing-web-vitals-essential-metrics.html
- *Chromium Blog: Protecting Chrome users from abusive notifications*
- https://blog.chromium.org/2020/05/protecting-chrome-users-from-abusive.html
- *Chromium Blog: Resuming SameSite Cookie Changes in July*
- https://blog.chromium.org/2020/05/resuming-samesite-cookie-changes-in-july.html
- 延期されていた SameSite=Lax by default を 7/14 の M84 で再開する計画
- *Chromium Blog: Protecting against resource-heavy ads in Chrome*
- https://blog.chromium.org/2020/05/resource-heavy-ads-in-chrome.html
- *Chromium Blog: A safer and more private browsing experience with Secure DNS*
- https://blog.chromium.org/2020/05/a-safer-and-more-private-browsing-DoH.html
- *Chromium Blog: Celebrating 10 years of WebM and WebRTC*
- https://blog.chromium.org/2020/05/celebrating-10-years-of-webm-and-webrtc.html
- Chromium Blog: web.dev LIVE: A digital event over three days and three time zones
- https://blog.chromium.org/2020/05/webdev-live-digital-event-over-three.html
- *Web Vitals*
- https://web.dev/vitals/
- LCP + FID + CLS
- Optimize Largest Contentful Paint
- https://web.dev/optimize-lcp/
- View Port の最大コンテンツ要素が表示されるまでの時間
- Preload や SW によるキャッシュヒットなどが有効
- Optimize First Input Delay
- https://web.dev/optimize-fid/
- ユーザの操作に応答できるようになるまでの時間
- JS の実行を減らす
- async/defer, dynamic import, minimize
- Optimize Cumulative Layout Shift
- https://web.dev/optimize-cls/
- ` ` ` |