0
0
テーマ、知りたいこと
ETagを使用した際、ハッシュ値がマッチし、サーバから status_code = 304 し、ブラウザのキャッシュを使用させる際、
javascriptフェーズを再起動させない方法はありますでしょうか?
背景、状況
web上の業務システムにおいて、有効に働きそうなETagという仕組みを使用してみたのですが、
確かにbody分の帯域は節約できるものの(検証のためにサーバの一連の比較用レスポンス作成の処理は避けられないのは仕方ないとして)
ブラウザのscriptフェーズは再起動するため、重いjsが絡むエリアにおいて感覚的に大きな速度改善は
みられませんでした。
もし、scriptフェーズまでスキップしたものを単にキャッシュさせて、304が来た際に単にそれ(完成済みのhtml)を出すだけにする、
ような設定ができたら、かなりの速度改善が期待できるのですが...
確かにscriptを再起動しなければ、例えば現在時刻を表示するような処理を書いていた場合、古いものになってしまうわけなのですが、
そういった処理が無いエリアでは、この再起動は無駄になるように思いますので、明示的にオフにできたらと考えております。
ご意見、ご指摘等賜れましたら助かります。
回答6件
#1
総合スコア145184
投稿2023/07/10 00:41
「動作を止める」という方法はないので、逆にbarba.jsのような、「JavaScriptでページ遷移を乗っ取って制御する」ライブラリを使うのがいいかと思います。
#2
#1
お世話になっております。
非常に魅力的なライブラリで、使いたいと思ったのですが、乗り越える必要のある障壁が高く、現システムでそれように修正するコストが非常に高いため、見送ることにいたしました...
代替案としまして、 eTag と rel="prerender" を組み合わせることでサーバへの負担を最小限にしつつ、
上手く遷移先を予測して、即座に完成済みのhtml(script済)を提供できないかと考えております。
キャッシュが無い時には 全エリアをrel="prefetch" でキャッシュさせ(キャッシュ中は待機させる)、
キャッシュが揃っていれば、全エリアをrel="prerender" する。
初回は各エリア毎のフルレスポンスをサーバは返す必要がありますが、キャッシュができる2回目以降は
302ステータスの小さなレスポンスを全エリア分返し、ブラウザは各エリアのレスを取り出す。
データ変更があるエリアについては、再度フルレスポンスが必要
のように考えております。
かなり力技のような具合なのですが...
(流石に全エリアは負担が大きすぎるため、利用頻度データを基に対象を絞ったりする機構も必要かと思います。)
#3
総合スコア145184
投稿2023/07/10 02:42
302ステータスの小さなレスポンスを全エリア分返し、ブラウザは各エリアのレスを取り出す。
このような処理を行うには、（iframeだらけのページを作るのでもなければ）それ相応のJavaScriptコードが必要です。
#4
#3
ありがとうございます。
幸い業務システムのため、各スタッフにある程度の前知識と指示をすることができるため、
例えばよく使う重いエリアを3件くらずつ登録して貰い、
$("body").append( <link rel="prefetch" href="1:当日日誌" /> <link rel="prefetch" href="2:当月カレンダ" /> <link rel="prefetch" href="3:当日調整" /> `)
のようにしてみようかと思います。
短絡的ですが、使用機器の性能等にも依存しそうなので、すこしずつ様子を見つつ改善なども考えてみたいです。
#5
総合スコア145184
投稿2023/07/10 04:21
のようにしてみようかと思います。
その後はどうするのでしょうか？
ブラウザへの表示処理にもJavaScriptを活用しなければ、選択肢は「ページ全部を再構築」しかありません。
#6
#5
ありがとうございます。
今になって気が付きました。おっしゃります通り、この方法でもscriptフェーズはスキップされませんでした。
ただ、eTag単体の場合にはサーバ側のハッシュ値作成の処理が走りますが、prefetchにより秘密裏にその時間を消化できるため、その分速度が改善されました。
正直この時間だけでもが大きなロスだったため、これだけでも大きな改善となりました。
ですが、本題のscriptを止めるという点での解決には至っておりません。
barba.jsの動作原理を確認し、自身のシステムでうまい具合に応用できる部分など、模索してみたいと思います。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。