アーカイブ

‘Javascript’ タグのついている投稿

URL折り返し系はレンダリング速度の低下を招く

公開:平成19年1月25日 13:23:11 コメント 1 件

どうも私のFirefoxは他の人に比べて異常なほどレンダリング速度が遅いなと思っていたのですが、ようやく原因がわかりました。

セーフモードで起動すると、例えばこのテストをオフライン状態でやると2秒くらいで全部表示されるのですが、通常起動すると13秒はかかってしまうのです。

何かエクステンションが悪さしているのかも知れないと考え、ひとつずつ確かめたところ、Greasemonkeyを無効にしたときは先のテストページが2秒で表示出来ることを確認しました。

そしてGreasemonkeyにインストールしてある機能は全部で10個ほどあったのですが、これもひとつずつ無効にして確かめてみると、ようやく原因が判明しました。

犯人は、url_breaker(Greasemonkey版)だ!

Firefoxは、横スクロールを表示させるほど長いURLや連続したアルファベットの文字列を折り返さず、そのまま横長状態で表示してしまいます。これを、このurl_breakerやMR Tech Link Wrapperは折り返すようにしてくれます。

しかし、どうもこのURL折り返し系のエクステンションやGreasemonkey用スクリプトは、レンダリング速度の低下を招くようなのです。

まあ、何となくインストールしてあったけど、無効にしても私の場合は問題が少なそうなので無効にしておきました。

これで、レンダリング速度が飛躍的に改善されました。

カテゴリー: 主要エントリー タグ: ,

便利なBookmarklet

公開:平成18年5月9日 15:51:18 コメントはありません

「こんなことが出来たら便利なのになぁ」
というのを実現してくれるのがブックマークレットです。

例えば「このWebページのファイルの重さはいくらだろう?」とか「リンク切れはないかな?」とかをワンクリックでチェック出来たりするものです。

ブックマーク(お気に入り)に保存して使用するだけなので、非常にお手軽なのです。

JAVASCRIPT::BOOKMARKLETでは便利なブックマークレットがたくさん紹介されています。
導入手順は、リンク先が「javascript???」となっているハイパーリンクをブックマーク(お気に入り)にドラッグ&ドロップするだけ。

Internet Explorer対応のものとNetscape対応のものが配布されていますが、Firefoxの人はNetscape対応のものを使うことが出来ます。
Operaの人は・・・わかりません。

カテゴリー: 主要エントリー タグ: ,

JavascriptでCSSを切り替える

公開:平成18年4月30日 17:49:52 コメント 9 件

会社のWebサイトに、CSSの切り替えをワンクリックで出来るようにするJavascriptを付けようと思いました。
調べてみるとstyleswitcher.jsというのが有名らしく、早速導入。

“styleswitcher.js”をダウンロードして自分のサーバーにアップロードし、ゴニョゴニョとやるだけで完了するとてもシンプルで簡単なものです。
解説はこちらのblogが良いです。

順調に進み、「さあ、動作確認だ」というときになって、アウト。
文字サイズを変更するCSSを用意していたのですが、ボタンをクリックしても文字サイズが変わりません。

おかしい・・・。
念のためにIE6とOpera 8.5で確認したところ、正常に動作するではないですか。Firefoxだけ動きません。

私のFirefoxの設定が悪いのかと思いましたが、上記の解説blogのやつを始め、他にも同じJavascriptを導入しているWebサイトでは正常に動作します。

それから数時間かけて何とかならないものかと奮闘しましたが、所詮Javascriptの知識は皆無なので原因がわかりません。

そんなとき、Mozilla系では動かないからこっちを使えみたいなblogのコメントを発見。
これだっ、と意気込んで導入してみたところ、見事に動きました。

おっしゃー! と喜んだのもつかの間、クッキーが生きていないらしく、別ページに移動するとCSSが元に戻ってしまって何の意味もありませんでした。
他のWebサイトではデフォルトのJavascriptなのにFirefoxでも動き、ちゃんとクッキーも生きているので別ページへ行っても問題ないというのに。

さらに、Mozilla系でも動くというJavascriptはSafariでは動きませんでしたorz

結局このJavascriptでの導入は断念し、他のものを探しました。
ハイパーリンク式が私の理想だったのですが、他に見あたらなかったのでプルダウン式のもので使い勝手が良さそうなものを。

CSS Selecting Scriptというやつが簡単に出来そうだったし、ここのアクセス解析を利用させていただいているのでここのを使うことに決めました。

気を取り直して早速ダウンロードし、ゴニョゴニョとやったら簡単に一丁上がり。
Firefox、Opera、IE、Safariで正常に動作することを確認。

結局これだけのために4時間くらい潰してしまいました。アホらし・・・。

2006年5月8日15:30追記

reaさんの助言により、Firefoxでも動くようになったのでメモ。

導入手順は最初に書いたとおり、配布元からダウンロードして自分のサーバーにアップロードし、解説blogにあるようにゴニョゴニョやるだけ。

しかしそれだけでは”ある条件”が重なるとFirefoxでは動作しません。
“ある条件”とは、Webページの<head></head>内のlink要素にrel属性以外のものが混じっているとダメというもの。

つまり、<link rev=”made” href=”mailto:xxx@xxx.xx” />などが混じっているとダメなのです。

このことに気づかず、何時間も費やしてしまった・・・。

カテゴリー: 主要エントリー タグ: , ,