ハードウェア

肥大化を続けるウェブサイトが処理速度の低いデバイスを使用するユーザーに与える影響とは?


インターネット上に広がる無数のウェブサイトのサイズは年々大きく、複雑になっています。一方で、全てのユーザーが肥大化するウェブサイトに対応できる、処理速度の高いデバイスを所有しているとは限りません。プログラマーのダン・ルー氏が、ウェブサイトの肥大化が低速デバイスを使用するユーザーに与える影響について解説しています。

How web bloat impacts users with slow devices
https://danluu.com/slow-device/


近年では、高速なブロードバンドの普及が進み、多くのユーザーが高速なブラウジングが可能になっています。しかし、CPUパフォーマンスはブロードバンドほど成長しておらず、高速なインターネット回線を有していても、CPU性能が低いデバイスを使用しているばかりにアクセスできなくなっているウェブサイトが増加傾向にあるとのこと。実際に、CPUに「Unisoc T606」を使用したスマートフォン「Tecno Spark 8C」を用いてDuscourseのフォーラムを閲覧しようとすると、ブラウザがクラッシュすることが報告されています。

ルー氏はTecno Spark 8Cよりも性能が低いCPUである「MediaTek MT6580」を搭載したスマートフォン「iTel P32」のパフォーマンスを確認するため、比較的CPU性能の高いM3 Max MacBook ProやM1 Pro MacBook Pro、10スロットに制限したM3 MaxとTecno Spark 8CならびにiTel P32を用いて、各種ウェブサイトでメインコンテンツが表示されるまでの時間(LCP)やCPU時間を調査しました。

ウェブサイトページのサイズM3 MaxM1 Pro10スロットに制限したM3 MaxTecno Spark 8CiTel P32
圧縮されたサイズ未加工・非圧縮のサイズLCPCPU時間LCPCPU時間LCPCPU時間LCPCPU時間LCPCPU時間
Hacker News11kB50kB0.1秒30ミリ秒0.1秒30ミリ秒0.3秒0.3秒0.5秒0.5秒0.7秒0.6秒
WordPress1.4MB1.7MB0.2秒60ミリ秒0.2秒80ミリ秒0.7秒0.7秒1秒1.5秒1.2秒2.5秒
Mastodon3.8MB5.3MB0.2秒0.3秒0.2秒0.4秒1.8秒4.7秒2.0秒7.6秒ブラウザがクラッシュブラウザがクラッシュ
Tumblr3.5MB7.1MB0.7秒0.6秒1.1秒0.7秒1.0秒7.0秒14秒7.9秒8.7秒8.7秒
Bluesky4.8MB10MB1.0秒0.4秒1.0秒0.5秒5.1秒6.0秒8.1秒8.3秒ブラウザがクラッシュブラウザがクラッシュ
Thread9.3MB13MB1.5秒0.5秒1.6秒0.7秒5.1秒6.1秒6.4秒16秒28秒66秒
X(旧Twitter)4.7MB11MB2.6秒0.9秒2.7秒1.1秒5.6秒6.6秒12秒19秒24秒43秒
Discourse2.6MB10MB1.1秒0.5秒1.5秒0.6秒6.5秒5.9秒15秒26秒ブラウザがクラッシュブラウザがクラッシュ
Reddit1.7MB5.4MB0.9秒0.7秒0.9秒0.9秒6.2秒12秒1.2秒処理が終わらないブラウザがクラッシュブラウザがクラッシュ


ルー氏によると、上記の表でCPU時間が10秒を超える場合、ページが読み込まれた後でも「スクロールがカクカクする」「すぐにブラウザがクラッシュする」などの問題が生じる可能性があるとのこと。また、ページ内のリンクをタップしても次のページになかなかジャンプしないなどの影響も報告されています。

以上の調査結果から、肥大化するウェブサイトにおいて、処理速度の低いデバイスを使用するユーザーにとってはウェブの大部分がまともに使えないことが明らかになりました。ルー氏は「処理速度の低いデバイスを使用するユーザーの多くが、最新のウェブサイトがうまく機能しない理由を理解していないようです。処理速度の低いデバイスでも一部の3Dゲームはプレイできるにもかかわらず、BlueSkyやDiscourseなど、さまざまなウェブサイトを閲覧できないことには疑問が残ります」と指摘しています。

この記事のタイトルとURLをコピーする

・関連記事
ウェブサイトのファイルサイズは14kB以下にすべきという指摘、その理由とは? - GIGAZINE

ウェブサイトなどのデザインを考える上で役に立つアドバイス25選 - GIGAZINE

「ウェブの世界のOSを目指す」という壮大な目的で作成されたブラウザ「Arc」レビュー、使いやすい機能がてんこもりでサクサク快適にブラウジング可能 - GIGAZINE

ウェブブラウザの相互運用性を改善する「Interop」プロジェクトとはどんなものなのか? - GIGAZINE

Chromeで共有辞書を使用した圧縮のテストが開始される、リピーターが多いウェブサイトで極めて効果的 - GIGAZINE

in ソフトウェア,   ハードウェア, Posted by log1r_ut

You can read the machine translated English article here.