勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

Ajaxで負荷軽減

      2014/07/02

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

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

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

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

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

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

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

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

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

 - Ajax, jQuery

  関連記事

jquery_logo
jQueryのCSS変更

jQueryでCSSを触る際、 $("#aaa").css('height',' ...

other
Ajaxを使用する際の注意

Ajaxで特にJSONPを使う際によくミスることがあるので 注意点をまとめておく ...

jquery_logo
Ajaxのクロスドメイン

クロスドメイン対策にて色々あるみたいだけど 簡単そうで尚且つ実践でも使えたのでメ ...

jquery_logo
スクロールしてもついてくる追尾型の広告を作る方法

スマホサイトとかでよく見る、スクロールしてもページ下部とかに常時表示されている追 ...

images
要素の表示or非表示

今まで要素の表示or非表示をCSSで操作する際、 display:none; / ...

jquery_logo
AjaxFileUploadで処理は実行できてもエラーが返る

AjaxFileUploadでPHPに通信し、サーバー側のPHPで処理は正常に実 ...

jquery_logo
jQuery.browser~みたいなエラーが出た

jQueryのプラグインを使っていて1.9以降だと「jQuery.browser ...

jquery_logo
jQueryでのやりたい事

フォーム周りをよく使うのでまとめておく。 ・テキストボックスのvalue取得、書 ...

javascript_logo_unofficial-300x300
ajaxのエラー詳細を取得する

success or errorで分岐処理はできるけど、 エラー詳細取れないの? ...

jquery_logo
リアルタイムプレビュー時の改行とテーブルの上部揃え

■サンプル http://sample.taitan916.info/previ ...