Web制作ツール

これは便利!1クリックでCSSとJavascriptを圧縮結合してくれるソフト サイトの表示速度アップに zbugs

1クリックでCSSとJavaScriptを圧縮結合してくれるネットサービス

GZip圧縮もしてくれますのでサイトの表示速度アップに繋がります

自分のURLを入力するだけで作成してくれます。

結果も何パーセント圧縮なども教えてくれます

zbugs21

zbugs リンク先はこちらから

使い方

zbugs1

ここに最適化したいURLを入力します

 

zbugs2

しばらく待つと、

圧縮前、圧縮後、圧縮+Gzip圧縮 という形で

それぞれのサイズが表示されています。

 

zbugs3

下にはそれぞれのグラフが分かりやすく表示されています

 

zbugs4

CSSの表です

 

zbugs5

こちらはJSの方

非常に分かりやすいです。

 

zbugs6

圧縮されたCSSなどをダウンロードしようとすると

上記の様にSign UPをしなければなりません。

メールアドレスとパスワードを入力すれば

すぐにダウンロード出来ます。

 

あとはダウンロードしたファイルを

CSSの場合、それぞれ読み込んでいたのを

ダウンロードしたファイルに置き換えれば完了です。

念のため、スタイルの崩れなどが無いかはIEやChromeなど

少なくとも2つ以上のブラウザでチェックが必要です。

関連記事

  1. Web制作ツール

    WordPressプラグインをオシャレに紹介しているWebサービス 『WPぷらコレ!』

    Wordpressのプラグインを分かりやすく紹介しているWebサービス…

  2. Web制作ツール

    プレビューしながらWeb画面配色・カラーを選択できるWebサービス 『Speculo』

    サンプルのWebページをプレビューしながらWeb画面の配色を設…

  3. Web制作ツール

    自分のブログのFeedly購読者数をチェックできるWebサービス 『Feedly Subscribe…

    自分のブログのFeedlyの購読者数を調べる事ができるWebサービス…

  4. Web制作ツール

    サイトの制作や参考に!表示されているフォントを調べる事が出来るブックマークレット Fount 簡単に…

    見ているWebページなどのフォントを調べる事が出来るブックマークレット…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP