レスポンシブ Web デザインのテスト

レスポンシブ Web デザイン(RWD)は、Web アプリケーションのデザイン パラダイムであり、エンド ユーザーのデバイスの物理的条件にユーザー インターフェイスを動的に適用できます。

言い換えると、Web アプリケーションは、ブラウザのビューポートに応じて、その UI をさまざまな形式で表示されます。たとえば、デスクトップ モニタ上では、3 列のレイアウトで表示される Web ページが、タブレットでは 2 列のレイアウトで、モバイル携帯では 1 列のレイアウトに変化します。あるいは、縦向きでは 1 列のレイアウトで表示されていたアプリケーションが、横向きにすると 2 列のレイアウトに変化します。

RWD パターンをうまく適用すると、リソースの観点からも Web ページを最適化できます。低解像度のビューポートでは、低解像度の画像を表示するようにし、高解像度の画面に対しては、同じアプリケーションでも高解像度版の埋め込み画像を表示します。

負荷テストでは、RWB は複数のエンド ユーザーの視点からアプリケーションをテストすることが必要になることを意味します。さまざまなユーザー グループ、さまざまなブラウザ、そしてさまざまなネットワークの状況を考慮するだけでなく、エンド ユーザーのデバイスやビューポートも考慮する必要があり、テストの組み合わせの次元がさらに増すことになります。