これは便利!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

関連記事

  1. Web制作ツール

    AIで配色パターンを提案しまくってくれるWebサービス 『Colormind』 写真からも配色を作っ…

    人口知能で配色パターンを生成したりアップロードした写真からパタ…

  2. Web制作ツール

    デザインの配色に困った時に役立つネットサービス Kuler 様々な色の組み合わせがあり、色の見本帳

    サイトの配色デザイン・その他色々な配色を決める際に 様々な色の組み合…

  3. Web制作ツール

    コピペで簡単!! CSSエフェクトを簡単設定してコピペで使えるWebサービス 『CSS Filter…

    使いたいCSSの画像エフェクトを画面上で設定コピペで簡単に使え…

  4. Web制作ツール

    HTMLコードをコピペするだけでスタイルシートを自動生成してくれるWebサービス 『OneClick…

    HTMLコードを貼り付けるだけでスタイルシートを自動生成してくれるWe…

コメント

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

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

PAGE TOP