2

私は特にモバイルプラットフォームを対象としたウェブサイトの知覚される読み込み時間を短縮する過程にあります(iPhoneを第一に、Androidを第二に、残りを気にします...)私はすでに通常のウェブサイトの読み込み時間を短縮するためのいくつかの一般的なテクニックを試しましたしかし、私は誰かがモバイルWebパフォーマンスのための特定の指針を持っているかどうか疑問に思いました。

私はすでにスクリプトをバンドルし、画像を分割し、可能な限り遅延読み込みを行い、固定サイズを設定し、CSSを頭にリンクしています。特にモバイル向けの洞察が必要です。

たとえば、iPhoneは25k未満のファイルしかキャッシュしないため、スクリプト/ファイルを25kのチャンクに分割すると、追加の接続が確立されたとしてもキャッシュできるようになるため、全体的なブーストが得られる場合があります。このような他の洞察をいただければ幸いです。

また、iPhoneの読み込み時間をテストするための優れたツールを知っている人はいますか?)

4

4 に答える 4

2

わかりました、ここにあなたのためのいくつかの測定ツールがあります...

スティーブ・スーダーズのモバイルブックマークレット-http://stevesouders.com/mobileperf/mobileperfbkm.php タイミングの面で少し制限がありますが、他にも興味深い機能がたくさんあります)

ページの読み込みを調べるためのStoyanStefanovのiOSアプリ-http ://calendar.perfplanet.com/2011/i-see-http/(非常に新しいので、制限についてはわかりません)

3P Mobileには、滝を生成する独自のiOSブラウザーがベータ版であり、Androidバージョンは非常に優れていました。

最適化に関する限り...

モバイルキャッシュは小さいかもしれませんが、それでもローカルストレージにアクセスできます。つまり、CSS / jsをインラインで含め、抽出してローカルストレージに保存します。Bingmobileがこれを行います。

DataURIはリクエストを減らす別の方法ですが、もちろんユーザーは画像をオフにするオプションを失います

キープアライブと接続パイプラインを十分に活用してください。複数のホスト名に分割すると、これらの邪魔になる可能性があるため、これを行う場合は注意が必要です。

キャッシュは携帯電話によって大きく異なります。OSのバージョンで最近見た記事で、もう一度見つけることができるかどうかを確認します。

于 2011-12-17T14:52:59.197 に答える
1

Yahoo! あなたのサイトから最大のパフォーマンスを引き出す方法についての素晴らしいページがあります。

また、Firefoxプラグイン(YSlow)があり、サイトがそれらをフォローしているかどうかを自動的にチェックし、改善を提案します。このプラグインは、モバイルブラウザに影響を与える可能性のあるパフォーマンスの問題もカバーしています。

于 2011-12-17T00:30:37.303 に答える
0

モバイルWebサイトプロファイリングツール-WebDevTools:のご要望にお答えします。

https://play.google.com/store/apps/details?id=com.voltcode.webdevtools

免責事項-私はこのソフトウェアをリリースした会社に接続しています

iPhoneをターゲットにしていませんが、さまざまなAndroidモデルで確実にテストして、読み込み時間を取得できます。私の経験から、IPhone 4+は、HTC Desireと同じかそれ以上のページをロードします。一般的な速度だけでなく、HTTPの同時実行性なども同様です。

于 2012-06-03T20:21:31.563 に答える
0

このテストソリューションを確認してください。

チュートリアル:あなたのウェブサイトは3秒でロードされますか?

http://blog.testobject.com/2013/09/does-your-website-load-in-3-seconds.html

于 2013-09-17T14:12:29.960 に答える