iOS・macOSと同時に大型アップデートがSafariにも到来、新たな「高さ」の基準やカスケードレイヤーが追加される

2022年3月14日にmacOS Monterey 12.3およびiPadOS・iOS 15.4がリリースされ、同時にSafariが新しいバージョン「15.4」にアップデートされました。Google ChromeやFirefoxに先行搭載されている多数の機能が追加されたほか、動的に変化するビューポートのサイズに応じて要素の高さを決める「dvh」という新たな指定方法などの機能が他のブラウザに先駆けて搭載されました。 New WebKit Features in Safari 15.4 | WebKit https://webkit.org/blog/12445/new-webkit-features-in-safari-15-4/ ◆img要素にlazy loading機能が搭載へ img要素に「loading="lazy"」属性を付与することで、「付近にスクロールするまで画像を読み込まない

[gossipgadget]

z

[quick_past]

ページ表示時に固まるみたいな挙動するの、全然治ってないのなんとかして

[Syunpei]

この記事をおすすめしました:

[cloverstudioceo]

プッシュ通知はなしかー

[yoshi-na]

やったぜ

[RATCHO]

これでlazyloadは主要ブラウザ全てで対応されたことになるので、皆さんどんどん使っていきましょう

[tofu-kun]

has サポートされたの

[inoyy]

WebPerformance Lazy loading、HTML Elements <dialog>、CSS ::backdrop、CSS :has()、「動的にビューポートのサイズが変化する」際のレイアウトを簡単にする単位、CSS accent-color など

[nyankosenpai]

Safariだけやられてもね…

[ducktoon]

新しい高さの基準がありがたすぎる (いままでが酷かった)

[kns_1234]

Safari 15.4の新機能: loading="lazy"、CSSカスケードレイヤー、:has()、svh、lvh、dvh、グラデーションの濁った色を改善など。

[canadie]

これで主要ブラウザのLazy Loadingサポートが揃ったことになるのかな。朗報では