勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

Ajaxで負荷軽減

   2024/01/12  jQuery JavaScript

業務中、専用のページでfile_get_contents的なものは
あまり使わないようにとの指示があり聞いたところ、
別サーバーのファイルをしょっちゅう取得すると共倒れする
ことがあるとか。

なので出来たらajaxでやりなさいとのこと。
ただ、なんでajaxはサーバーに優しいとか
クライアントサイドに負担を分けるとかがよく分かってないのでメモ。

調べた結果、自身で噛み砕いた結果としては、

・必要最小限のデータだけ取得すればいいから
 サーバーが発行するデータ量は減る
・サーバーサイド(例えばPHP)でのロジックとか描写を
 クライアントに投げることが出来る

っぽい。あと、これは口頭で聞いてまだ理解できてないけど、
「同期通信だとどっかで処理がとまった際、
プロセスが溜まるから共倒れする可能性がある」
とのこと。これは今一度確認する。

もう一点、調べている際にajaxのデメリットで、
個人的に盲点だったのがSEOに弱いという点。

確かに、ajaxで取得したページでは、

・ほしいページのURLをコピペしても
 ajax処理される前の初期ページに飛ぶ
・ソースも同様に初期ページ。なので、職場では
 ダミーページというかSEO用のページを作ったりしてた。

という点。その点はpjaxがむっちゃ熱そう。

 - jQuery JavaScript

  関連記事

summernoteにギャラリーから画像を挿入する機能を追加する方法
summernoteにギャラリーから画像を挿入する機能を追加する方法

summernoteの画像機能はデフォルトだと「画像ファイルを選ぶ」「URLから ...

簡単にtable内をソート
簡単にtable内をソート

やりたかった事は、 ・テーブル内でのソート ・内容は文字、数値、日時 ・PHPじ ...

jQueryのプラグインで簡単にイメージスライダーを作成(bxslider)
jQueryのプラグインで簡単にイメージスライダーを作成(bxslider)

画像のスライダーを作る時に便利なプラグインであるbxslider。簡単に使えるし ...

formでGET送信時に空のパラメータを送信しない方法(cleanQuery)
formでGET送信時に空のパラメータを送信しない方法(cleanQuery)

フォームでGET送信する際、通常だと空のパラメータも送信される。結果として「ドメ ...

モーダルウィンドウ表示時にウィンドウのスクロール位置をリセットする方法
モーダルウィンドウ表示時にウィンドウのスクロール位置をリセットする方法

モーダルウィンドウ内で「縦にスクロール→ウィンドウを閉じる→改めてモーダルウィン ...