これは便利!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つ以上のブラウザでチェックが必要です。

  • コメント: 0

ビジネスホテルでLANケーブルを繋ぐ時に注意する事前のページ

キーボードのキーを換える事が出来るフリーソフト キー配列の変更 Change Key次のページ

関連記事

  1. Web制作ツール

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

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

  2. Web制作ツール

    画像から6色の配色パレットを作成、イメージから配色できるWebサービス 『Image Color F…

    アップロード画像から6色の配色パレットを作成、画像から配色イメ…

  3. Web制作ツール

    CSSでジグザグや波形なボーダーラインを作成できるWebサービス 『CSS Generators』

    CSSでジグザグや波形など変わったボーダーラインを作成できるWeb…

  4. Web制作ツール

    Webページのフォントを自由に変更してプレビューできるWebサービス 『Font Fit』

    Webページの好きな場所のフォントを変更してプレビューする事が…

  5. Web制作ツール

    アニメーションなCSSをサクッと作成、コピペで使えるWebサービス 『Animista』

    アニメーションするCSSを作成してCSSコードをコピペで使うこ…

コメント

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

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

こんな人が書いてます

子供のころからパソコンや電子機械が好きでコンピュータ専門学校を卒業後にIT関連企業に勤めております。

企業や個人のネットワーク構築やパソコントラブル対応、ホームページ制作、システム開発などITに関する仕事を数多く対応しています。

Twitterでこのブログの投稿や日々の出来事などをつぶやいています。Twitter:@mogeringo

最近の記事

PAGE TOP