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制作ツール

    Webサイト制作に便利!! 画面サイズを確認出来るWebサービス 『Screenfly』 色々な解像…

    Webサイト制作時に何かと面倒な画面サイズの確認作業最近ではI…

  2. Web制作ツール

    CSSからLESS形式に変換!! CSSを記述するだけで自動的にLESS形式に 「Css2Less」…

    CSSの記述をLESS形式にリアルタイムに変換してくれる便利なネットサ…

  3. Web制作ツール

    CSSでオシャレなボタンが作成できる!! たった4kbのCSSが便利 『bttn.css』

    4kbというCSSでオシャレなボタンをWeb上に作成できるWe…

  4. Web制作ツール

    高機能なCSSでグラデーションが作れるWebサービス 『Grad3』

    CSSでグラデーションが作成できるWebサービス細かく設定が可…

  5. Web制作ツール

    FacebookやTwitter、Youtubeなどの背景画像やアイコンを作成可能 『Social …

    FacebookやTwitterなど主要なSNSのアイコンや背景画像を…

コメント

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

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

PAGE TOP