HTMLの処理順序を変える方法はありますか？

Question

PHPを使って、「検索結果を表示する」ページを作成しているのですが、
「right」カラムの検索結果が全て表示し切るまで「left」カラムが表示されません。
（２～３秒の間）

原因ははっきりしており、単に
コード上、leftカラムよりrightカラムが先に来るためです。
※SEO的な理由（そのページのコンテンツ（検索結果）を先にクロールに読み込ませたい）で、
このようにしています。

そこで、左右のレイアウトはこのままで、
leftカラムが先に表示されるよう、
HTMLの処理順序を変えることはできないでしょうか。

つまりhtmlソースコード上、
rightカラムの方が先に来つつも、
先に表示させるのはleftカラムみたいには
できないでしょうか。

どなたかご存知の方がいらっしゃいましたら、
どうぞお助けください。

よろしくお願いします。

Answer 1

「SEO的な理由でコード上、leftカラムよりrightカラムが先に来る」以上は、rightカラムの表示中（≒rightカラム部分のデータ転送中）にはleftのほうはデータも来ていない状態です。

そして、SEO的な事情でコードをいじれないとすると、rightカラムの読み込み中=DOMツリーも出来上がっていない状態なので、JavaScriptでエレメントを書き換えることもあまりおすすめはできません。

Answer 2

HTML の処理順序を変えることはできませんが、一つの可能性としてサーバーからクライアントにデータが送られてくるまでの出力バッファリングによって、左カラムの表示が遅く見えているのかもしれません。

PHP や Web サーバーは出力バッファリングという機能を備えており、通常はデフォルトで有効になっています。これはコード側で 2KB 程度が出力されるまでクライアントへのデータ送信を保留にするというものです。しかしながらデータベース側の処理などによってデータが出力されるまでに時間がかかることで、結果的にクライアントに余分な待機時間がかかっている可能性があります。

左カラムの出力処理の間にところどころ次の処理を実行してみて、左カラムがじわじわと表示されるかどうか試してみてください。効果があれば出力処理の途中で行われている処理に何らかの問題があります。

<?php
ob_flush();
flush();

Answer 3

色々試してみましたが、やはり難しいようです。
いずれは解決したいですが、今のところ保留です。
ありがとうございました。