【HTML5】html側で受け取ったカスタムデータが多数の場合、読み込みなどに影響は出ますか？

Question

##わからないこと
いつもお世話になっております。
この度DB保存のデータをPHPからビューファイルに渡し、それをカスタムデータ（json_encode）で受け取っています。
そのカスタムデータをセレクトボックスで出力し、二つのセレクトボックスを連動させています。

そこで質問なのですが、そのファイルをview-sourceで確認すると、そのデータが文字列でただ羅列されています。
このような場合、そのファイルの読み込みやSEO的に悪影響が出てしまわないでしょうか？
もしも出てしまっているのであれば、それらに対する対処はどのように行えばよいでしょうか？

ご教授のほど、よろしくお願いいたします。

Answer 1

2つのセレクトボックスを親子関係として子のフィルタとして連動する仕組みで、子になるセレクトボックスの内容が非常に大きい場合に、サーバー処理速度やブラウザのレンダリング負荷などによるGoogle検索等の悪影響を気にする場合には、
データ処理量必要最小限にするために、親のセレクトボックスを選択した際に、ajaxを使って、子のセレクトボックスのデータを都度取得するといった改善点が考えられます。

Comments

[退会済みユーザー]

aro10様
ご回答ありがとうございます。
データ量にもよるかと思いますが、処理速度は大きく変化しますでしょうか？

[aro10]

データボリュームによるので、まずはサーバー側プログラムだけで全体取得と部分取得のパターンを比較して計測してみると良いかと思います。それで差がある場合は、クライアント側のajax実装などを検討すると良いかと思います。

[退会済みユーザー]

かしこまりました。
先程計測をしてみて、該当のfunctionの読み込み（全体取得）の場合でも1sec程度だったのですが、この時間で影響は考えられるでしょうか？

[aro10]

影響としてはどこまでSEO対策をしてランキング競争等を目指すかによりますが、ある一つのDBマスタデータ取得に1秒かかってるのは若干遅いので、工数予算によりますが改善すると良いかもしれません。あまり手がまわらない場合はそのままで大丈夫かと思います。
以下のGoogleのサイト表示速度チェックツールなども参考にしても良いかと思います。
[PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/?hl=ja)

[退会済みユーザー]

アドバイスありがとうございます
修正する方向で進みたいと思います。
また別の質問をさせていただくかもしれませんが、その際はよろしくお願いいたします。