2023 Web Tech Check-in: React パフォーマンス、PWA、iOS ブラウザー

昨年、Figma が Adob​​e に売却されたとき、ある意味では、Web 標準の勝利でした。 Figma は、WebGL、JavaScript、および (最近では) WebAssembly で構築されました。 これは、多くの場合、ネイティブ アプリと同じくらい強力な Web テクノロジの継続的な強さのもう 1 つの兆候でした。

ただし、新しい年を迎えるにあたり、Web 標準ウォッチャーにとって懸念すべき問題がまだいくつかあります。 この投稿では、最も重要な 3 つの問題をチェックします。React への過度の依存によって引き起こされた JavaScript のパフォーマンスの問題、Progressive Web Apps の進行状況 (または進行状況)、および Apple が iOS プラットフォームを開放する兆候があるかどうかです。外部ブラウザ エンジン。

React とその JavaScript エコシステムへの影響

React は JavaScript コミュニティで引き続き人気を博していますが、ブラウザーにかかる大きな負荷に対する不満が高まっています。これは、多くのユーザーにとってパフォーマンスの問題を意味する可能性があります。

Microsoft Edge チームの Alex Russell によると、「サイトは、世界のユーザーの 80% 以上に妥当な量よりも多くのスクリプトを送信し続けており、持てる者と持たざる者のギャップを広げています。」

Russell はこれを「フロントエンドの倫理的危機」と呼び、React とそれを利用するフレームワークを真っ向から非難しています。 彼は、カリフォルニア州政府の Web サイト CA.gov の実行速度が遅かったことを挙げています。「なんらかの呪われた理由で、React、Next.js、および現代の恐怖の完全なパレードを使用して構築された公式の Twitter 埋め込み」が原因でした。

私は Russell に連絡を取り、2023 年の初めに自分たちの技術を熟考している開発者、React ファンなどに何かアドバイスがあるかどうか尋ねました.

「開発者と PM への私のアドバイスは、開発中に代表的なデバイスをテストすることから始まります」と彼は答えました。 「実際に感じることに勝るものはありません。 人々は、CI で webpagetest.org のようなものを実行したり、パフォーマンス バジェットを採用したりすることで、そこから進歩することができます。」

2023 年にどのフロントエンド フレームワークが使用されるかについては、React とその兄弟がすぐになくなる可能性は低いようです。 しかし、Svelte や Lit のように、それほど重いコードを出力しない新しいフレームワークでは、少なくとも有望な成長が見られます。

PWA: ブラウザのサポートは良好だが、モバイル プラットフォームは関心がない

プログレッシブ Web アプリ (PWA) は基本的には Web サイトですが、ネイティブの iOS または Android アプリケーションに似た機能を備えています。 私は 2021 年に PWA の高度な機能について報告しました。それ以来、PWA は主に Google とその Project Fugu のおかげで (また、この機能に関する Google の Chrome チームの柔軟性のおかげで) 力を増し続けています。

Project Fugu の開発者アドボケイトである Thomas Steiner が、最近の進捗状況について最新情報を提供してくれました。 彼は特に、その API の多くでクロスブラウザー サポートが強化されたことに満足しています。

「非常に大きなクロスブラウザのサクセス ストーリーは、間違いなく Origin Private File System (OPFS) に関する合意です。 「これにより、SQLite が Wasm にコンパイルされ、OPFS によってサポートされるなど、まったく新しいユース ケースが開かれます。 Web Codecs、Screen Wake Lock、Async Clipboard (とりわけ) など、より多くの API があります。 [now] クロスブラウザーのサポートを参照してください。 Fugu チームの 2023 年の大きなテーマは、既存の API を改良することです。」

そのため、ブラウザー ベンダーは PWA に大きく後れを取っているようです。 しかし、モバイル開発プラットフォームは、今月初めに Chris Coyier が指摘したように、Google 自身の Android チームを含め、Web テクノロジの統合に関心を示さないままです。 Coyier は、サポートする言語として Kotlin、Java、および C++ をリストした Android 開発者ドキュメントを参照し、次のように堂々とコメントしました。 そこにリストされているウェブ技術はありません。」

エンド ユーザー向けに、少なくとも 1 つの優れた PWA のディレクトリがあります。Appscope には、Instagram、Twitter、Telegram など、PWA オプションを備えたいくつかの主要なアプリがリストされています。

Apple ブラウザの禁止: 圧力がかかっているが、まだアクションはありません

PWA の残りの不満点の 1 つは、Apple ユーザーが PWA を使用できる可能性が最も低いことです。 これは、iOS プラットフォームで競合するブラウザ エンジンを禁止するという Apple の長年の決定によるものです。 Google、Microsoft、Mozilla などのブラウザー ベンダーに WebKit ブラウザー エンジンの使用を強制することで、Apple は iOS 上の Web アプリの機能を意図的に制限しています。これは特に PWA に影響を与えます。

現時点では、Apple は外部ブラウザ エンジンに対応していません。 しかし、2021 年にモバイル エコシステムの市場調査を開始した英国の独占規制当局である競争市場庁 (CMA) からの圧力がありました。2022 年 6 月、CMA はそのレポート結果を発表しました。 「モバイル ブラウザにおける Apple と Google の市場支配力に関する市場調査の開始に関するコンサルティング」 ただし、強制措置はまだ取られていません。

しかし、昨年末、Apple が iPhone と iPad の Web ブラウザーで WebKit を使用するための要件を削除することを検討しているというレポートが表面化したとき、新たな希望が生まれました。 Apple は、EU の Digital Markets Act を動機として挙げました。 ただし、時間枠は指定されませんでした。

アップルに開放するよう圧力をかける最前線に立っている Open Web Advocacy グループの Matthew Thomas によると、世界中の政府機関に圧力がかけられ続けるでしょう。

「英国のCMA、オーストラリアのACCC、日本のHDMC、米国のNTIA、EUのいくつかの規制機関など、世界中の多くの規制当局と連絡を取り合っています」と彼は私に語った。 「私たちの主な目的は、Apple の 2.5.6 ルールを削除することです。 [in Apple’s App Store review guidelines] ライバルのブラウザ エンジンを禁止していますが、より広範には、ブラウザの競争を強化し、ネイティブ アプリと Web アプリの間の競争を強化することに重点を置いています。」

トーマス氏は、「これらの問題は現在、世界中の多くの規制機関によって真剣に調査されている」と述べています.

彼は、OMA のサクセス ストーリーの 1 つとして、EU のデジタル市場法を挙げました。 「私たちはブラウザ、ブラウザ エンジン、ウェブ アプリを法律の最終的な文言にすることができました」と彼は述べています。

結論

上記の 3 つの問題は、特に Google、Microsoft、Mozilla のブラウザー チームや、OMA などの独立したグループから、3 つの強調された問題に対処しようとする動きが活発であることを示しています。

ただし、上記の更新は、大きなプラットフォーム (Apple iOS、Google の Android 部門、および Meta) が、さまざまな領地で自発的に力を放棄しないことも示しています。 プラットフォームのパワーの観点から 3 つの問題の中で最も問題が少ない React でさえ、Meta がアプローチに関連するパフォーマンスの問題について懸念している兆候はほとんどありません。

しかし、希望に満ちたメモで締めくくりたいと思います.おそらく2023年は、WebがiOSでついに突破し、フロントエンド開発者がエンドユーザーのパフォーマンスにもっと注意を払い始める年になるでしょう.

グループ スケッチで作成。

Leave a Comment

Your email address will not be published. Required fields are marked *