Ajax でページの一部だけを部分的にリロードして軽量化したいのだが IE は未対応

HTML CSS と学び、PHP MySQL を使いまくって大規模なウェブサイトを構築していたんですが、最近規模が大きくなりすぎてページを表示させるまでにかかる時間が5秒になってしまいました。利用者は小さな処理をするだけなのにページ全体を読み込むため、大変なストレスになってるはずです。通りで最近 PV が極端に落ちてきているわけです。

Ajax は必要な情報を必要なだけサーバーから取り出すことができそうなので、小さな処理のためにページ全体を読み込む手間が省けそうです。

Ajax 入門に際して参考になったページ

Ajax初心者入門講座

ページの一部だけを部分的にリロードする方法は以下のページ

Ajax.Updater – Ajaxで指定エレメントの内容を書き換える – prototype.jsリファレンス
Ajaxで特定部分を書き換える – JavaScriptist
さてさて、またしても IE 登場。もう意味わからん。IE6 も IE7 も本当にレベル低いな。とりあえず IE 対策で今日も人生を削ります。Ajax.Updater は IE では動かない。Firefox と Chrome では問題なく軽快に動きます。ちなみに解決策は以下のページに書いてありました。貴重な情報をありがとうございます。
IEでAjax.Updaterが動かない : Nacky – Snowland.net
prototype.jsの話 – はまろぐ
でも上記ページを見ても解決には至りませんでした。というか記事を読んでも何を具体的にどうしたら良いかわかりません。っていうか私が悩んでいることと、この人たちが悩んでいることは違うような気がします。
というわけで、他にもいろいろなサイトを見ているうちに、たぶん IE は異常にキャッシュをするのが好きらしいのが原因だということに気付きました。
IEでGETがcacheされる件 — takaki-web.media-as.org

このページにたどり着くのに以下のページを経由しました。
Ajax勉強中 – 最近のKamaQ

参考にしたけど活用はしなかったページ

Ajax入門
Ajax初心者入門講座: Step14・sample003の解説
Ajaxによる軽量高速化テクニック – [JavaScript]All About
最短のXML入門とメタ言語

Comments

  1. table で form を構築して Ajax.Updater で部分的に更新させる場合は注意が必要 | 空が好きな人のメモ帳2009-4-09 (木) 9:54:53

    [...] Ajax でページの一部だけを部分的にリロードして軽量化したいのだが IE は?… [...]

  2. 初めて Cookie を PHP や Javascript で送信したり削除してサイトをパワーアップ | 空が好きな人のメモ帳2009-4-10 (金) 14:18:08

    [...] Ajax でページの一部だけを部分的にリロードして軽量化したいのだが IE は?… [...]

  3. IE PNG Fix を組み込んだページを IE6 で閲覧しようとするとフリーズすることがある | 空が好きな人のメモ帳2009-4-22 (水) 1:06:37

    [...] まず私は最近 Ajax をページに組み込んだので、Ajax が原因だと思っていました。最初に Ajax で prototype.js の Ajax.Updater を使用してページを部分的に更新させようとしているのですが、これは利用者がボタンを押すと更新されるものなので、ページを表示しただけではこの部分が表示されません。なので、最初に Javascript の onload を使ってページを部分的に更新させることによって表示させています。IE では onload が何かダメだった記憶があるので、onload がいけないのだと思い onload に頑張って細工を加えたりしてみたんですが、全然ダメ。仕方無いので IE6 では Ajax を使っているコンテンツを非表示にすることにしました。そして、利用者には「IE6 では機能をご利用いただけません」という表示をすることにしました。 [...]

Leave a Comment

Trackback URL