Panda Noir

JavaScript の限界を究めるブログです。

サイト高速化

Snowballかっこよくしました

結構使える!そしてよくわからない!ウェブツールまとめてみました。に載ったので調子乗っていじりました。

Snowballを更新しました。

Snowballを更新しました。今回は前から言っていた新機能を搭載しました。

Online YUI Compressor に勝利しました!

ついに、SnowballがOnline YUI Compressor に勝利しました!

Snowballのデザインを一新しました。

(左が元のデザイン、右が新しいデザインです) Snowballのデザインを大きく変えました。

Snowballのアップデート

SnowballのCSSBlockを外部ファイル化して、内部的にも改善しました。

いかにSnowballがすごいのか語りたいです

Snowballが全然検索ででてこないのでSnowballの魅力を語りたいと思います。といっても魅力がわかりづらいので対比形式でやりたいと思います。

Snowballを大幅アップデート!

Snowballを大幅アップデートしました。といっても、内部処理のことで、外部的にはほとんどかわりません。でも、革命的だったので、書きます。書きたくなったのです。

Snowballを大幅に更新しました。

どうもおひさしぶりです。 といっても1週間ぶりですがw 今回はSnowballを大幅に更新しました。というかぜんぜんかいていなかったから、たまってただけです。

SnowballとBlackboxをアップデートしました

SnowballとBlackboxを更新しました。 今回のアップデートでは、Ctrl(command)+enterで圧縮or整形ができるようになりました。ほかにも細かいところを修正しました。

jQueryのセレクタにおいてidとclassでなぜ速度が違うのか

jQueryのセレクタでは、$("#hoge")(idによる指定)のほうが$(".hoge")(classによる指定)よりも高速です。 なぜでしょうか?どちらも似ているのになーと疑問に思う人、意外と多いと思います。 実は、このふたつには大きな違いがあるのです。

JavaScriptをいじったらサイトが0.3秒早くなりました。

javascriptをいじったら、0.4秒かかっていたロード時間が0.07秒になりました。 (WebWait参考)

Blackboxの機能を改善しました。

Blackboxの機能を改善しました。 今回のアップデートで、いままでよりももっと使いやすくなりました。

あなたのwebサイトの体感速度をグッと早くする!LABjs

こんにちは。 いま、わたしはPandanoirでLABjsというライブラリを使っています。 これを使うととてつもなく体感速度があがります。Webwaitではかったら毎回およそ0.3秒でした。 本家が英語でわけわからなかったです。 しかし、とりあえず動いているので、動…

Blackboxを公開しました

Blackboxを作りました。 Snowballと逆に、CSSをよみやすくします。

今日から!CSS圧縮!

こんにちは! 今回はサイト高速化をしてみたいというそんなかたへむけて、CSS圧縮のやり方を書きたいと思います。 用意するもの、必要な知識もなにもいりません!

gzip圧縮のやり方 2/2

では、2回目の今回こそ本題のgzip圧縮に入ります。 ※だからといって前回のを飛ばしていいというわけではありません。前回のものも読んでください。

gzip圧縮のやり方 1/2

gzip圧縮のやり方が意外と分かりそうで分からなかった(検索しても分かりづらかった)ので、やり方まとめました(Mac などターミナルを使えるOS必須)。

サイト高速化のための4つの方法

サイト高速化というのは、その名の通りサイトの表示速度やスクリプト実行速度を上げることです。 やる前とやった後では本当にまったく違います。 もう数値ではなく、体感できます。

よりコードの無駄を省けるようになった「CSS Compressor」

CSS Compressorを更新しました。 追記:CSS CompressorはSnowballになりました。

CSS Compressorアップデートしました

CSS Compressorアップデートしました。 今回はカラーネームをカラーコードにする機能を搭載しました。 例えばblackを#000にするような感じです。 今回はこれだけです(笑)アップデートってほどでもなかったです。 ちなみにきちんとwhite-spaceはwhite-spaceで…

Compressor強化しました。

CSS Compressor強化しました。 追記:CSS CompressorはSnowballになりました。

圧縮が楽しいという新発見!

圧縮といえばzipな感じですが今回はサイト高速化のためにJSやCSSファイルを圧縮します。 具体的には改行削除やいらないTABなどの削除です。やると20%や30%、多いと60%くらいは削れます。