1

私の質問は簡単です：

HTTP/SPDY プロトコルの拡張機能 (既存または計画中) はありますか? または、Flash of Un-Whatever Content をユーザーから隠すことができるように、ブラウザーがレンダリング ルーチンを変更できるようにするために作成された拡張機能はありますか?

もちろん、IE ユーザーは他のユーザーよりも遅れをとっていますが、これはワイヤ プロトコルの賢明な拡張であり、追加の数バイト程度しか必要とせず、余分な JS レンダリングをかなり削減できると思います。

それとも、この戦略は、プログレッシブ エンハンスメントの一般的な哲学に反するものでしょうか?

コメントに記載されているように、これはサードパーティの拡張機能として実装できますか、それとも集中型の標準として実装する方がよいでしょうか?

4

1 に答える 1

0

HTML インポートはそのような機能の 1 つです。

HTML Imports は、メイン ページのブロック レンダリングを行います。これは、することと似て<link rel="stylesheet">います。そもそもブラウザーがスタイルシートでのレンダリングをブロックする理由は、スタイルのないコンテンツ (FOUC) のフラッシュを最小限に抑えるためです。HTML インポートは、スタイルシートを含めることができるため、同様に動作します。

この変更により、HTML インポート内のタグdocument.writeからのすべての出力は、インポートされた HTML ドキュメントに送られます。<script>これにより、HTML インポートがメイン ページをクリアするという問題が解消されます。

リンクプリレンダーは別のものです:

IE11 は、バックグラウンドで 1 ページをプリレンダリングできます。2 番目の prerender 要求が発生すると、最初の要求が置き換えられます。追加の prerender リクエストは無視されます。

<link rel="prerender" href="http://example.com/" />

開発者は、IE11 がリソースのダウンロードを優先する方法を微調整できます。一部の Web ページでは、組み込みの優先度スキームでは不十分な場合があります。たとえば、開発者は、スクロールせずに見える位置にある画像の優先度を、スクロールせずに見える位置にあるより重要なリソースよりも低くする必要があることを示したい場合があります。

IE 固有のlazyload属性は 3 番目です。

開発者は、lazyload タグを追加して、リソースの優先度を下げることができます。

<img src="image.jpg" lazyload  />

そして最後に、要素のdeferandasync属性<script>:

使用説明

<script src="widgets.js"></script> スクリプトはすぐに実行され、ページはスクリプトの終了を待ってから解析を続けます。これにより、ページ読み込みのパフォーマンスが大幅に低下する可能性があります。

<script async src="widgets.js"></script> ページが解析を続けている間、スクリプトは非同期的にダウンロードされます。ダウンロードが完了すると、スクリプトが実行されます。

<script defer src="widgets.js"></script> ページの解析が終了すると、スクリプトが実行されます。

<script async defer src="widgets.js"></script> async 属性は受け入れられ、defer 属性は無視されます。これにより、開発者は async をサポートするブラウザーで async を使用できますが、async をサポートしないブラウザーでは defer にフォールバックできます。

参考文献

于 2015-08-06T16:31:39.560 に答える