2009-07-17 11 views
1

私はウェブサイトの最適化(YSlow、Googleのページスピードなど)にかなりの時間を費やしましたが、今では自分のウェブサイトのアクセシビリティを向上させることについてますます考えています。最適化とアクセス性の対立する利益をどのように解決するか?

しかし、彼らは時々競合する利益のようです。スクリーンリーダー、モバイルデバイスなどに別のスタイルシートを含めると、それらはダウンロードする追加フ​​ァイルです。同様に、スクリーンリーダー、モバイルデバイスなどを使用している訪問者には不要なファイルがたくさんあります。

どこから離れるのですか?サーバー側のブラウザでスニッフィング?限られたケースでしか役に立たないと思います。これらの問題に積極的に取り組んでいるチームや、推奨されている方法が出ているチーム(GoogleやYahooなど)がありますか?

+0

関連性のないスタイルシートがダウンロードされることは確実ですか?私は彼らが必要でない限り無視されると思った。 – sisve

+0

私はいくつかの簡単なテストを行いました。テストしたブラウザはすべてのスタイルシートをダウンロードしましたが、私の単純なテストよりも完全にカバーしている可能性のあるブログ投稿を探しました。 –

答えて

3

リクエストサイズを最適化してアクセシビリティを維持するために私が読んだ面白いアプローチの1つは、アクセシビリティクラス(スクリーンリーダー、モバイルデバイスなど)をセッションに保存することです。アクセシビリティクラスがセッションに格納されていない場合(たとえば、最初のページロードセッション開始)、すべてのスタイルシート(など)を送信し、Javascriptを使用してアクセシビリティクラスを検出します。これを送って、将来のためにセッションに保管してください。セッションがアクセシビリティクラスを格納する場合は、適切なスタイルシート(etc)のみを送信してください。

+0

+1興味深い。これを使っているJSフレームワークや、あなたが出会ったサンプルコード? –

+0

いいえ、決してそれを自分でやったことはありません。ちょうど一緒にアイデアを送ってみたかった: – JoshJordan

0

さて、一度ダウンロードしてからキャッシュしているので、さまざまなプラットフォームのスタイルシートについて心配する必要はありません。アクセシビリティを最優先に設計し、ダウンロードを最適化することを強くお勧めします。

+0

私は分かりません。多分私の偏見はその最初の訪問でさえも最適化に向かっていると思います。ちょうど考え... "Amazonはレイテンシ100msごとに売上高1%のコストがかかることを発見した。Googleは検索ページの生成時間を0.5秒短縮し、トラフィックを20%削減した。ブローカーは1件当たり4百万ドル彼らの電子取引プラットフォームが競争の5ミリ秒後にはミリ秒です。 http://highscalability.com/latency-everywhere-and-it-costs-you-sales-how-crush-it –

+0

あなたはそのようなスケールで何かしていますか?アクセスできない場合、サイトがすぐに読み込まれるかどうかは重要ですか? – micmcg

+0

@micmcg、私はあなたがそれらの相対的な効果を経験するためにはその規模にならなければならないとは思わない。私が言ったように、私は両方を持っていたい。相対的な価値を裏付けるデータがなくても、一方を他方に強く推奨することはそれほど役に立ちません。 Daveが優先順位を付けるのが適切ではないと言っているわけではありません。彼はそうかもしれない。特定のアクセシビリティ機能が類似の指標にどのように影響するかを示す類似の調査は見られませんでした。あなたがそのようなリソースを知っているなら、私はそれらを読むことに非常に興味があります。おかげで –

1

最近、ユーザエージェント(ブラウザなど)のスニッフィングはほとんど変なことではなく、jQueryやDojoなどのフレームワークがあなたの代わりにやっているので、それを利用しないでください。あなたのユーザが明示的で単純な行動(スニッフィングの発見的方法が間違っている時代)によって、物事を上書きさせるようにしてください。

+0

しかし、そのクライアントサイドスニッフィングは、最初のページを訪問した時点で、それ以外の場合には最適化されているのではなく、既定のページ(およびそのリソース)確かに、サーバー側とクライアント側のスニッフィングの組み合わせは、最適化された次のページビューに適しています –

+0

右:最初の要求(サーバー側)のヘッダーからスニッフィングを行い、十分なJSを実行します残り。 –

関連する問題