タグ

圧縮に関するhatekatsのブックマーク (3)

  • Googleも重要視!Webサイトの表示速度アップに欠かせないJavaScript/CSSの圧縮ツール9選

    Webサイトの表示速度をアップさせる上で、JavaScriptCSSなどWebサイトの構成要素を圧縮することは重要な解決策の一つです。圧縮とはソースコード中のコメントや改行を削除し、ファイル自体をコンパクトにする作業です。圧縮することで処理を高速に行えるようになります。 Googleが"ページ表示速度を検索順位評価要素に入れている"ことを公表していることもあり、Webサイト構築・運営に関わる担当者にとって「表示速度の向上」は放置できない課題といえます。 今回は、Webサイトの高速化に欠かせないJavaScript/CSSの圧縮ツールをその活用法とともにご紹介します。 JavaScript/CSS圧縮ツールを使うメリット 一般的にWebサイトの表示処理速度が遅くなる要因として、以下の3つが挙げられます。 1. Webサーバのハードウェア的なパフォーマンスが悪い 2. ネットワークが遅い 3

    Googleも重要視!Webサイトの表示速度アップに欠かせないJavaScript/CSSの圧縮ツール9選
  • JPGイメージをオンラインで圧縮する

    最大20個までJPGまたはJPEGファイルを選択して、ドロップエリアにドラッグして下さい。アップロード後、自動的に圧縮が始まりますので、完了までお待ち下さい。 JPEG圧縮クオリティをさらに調節したい場合には、サムネイルをクリックして、マニュアルモードに切り替えて下さい。 圧縮が完了したら、各サムネイルから個別にダウンロードするか、ZIP形式で一括ダウンロードして下さい。

    JPGイメージをオンラインで圧縮する
  • え!?わずか1秒でCSS / JavaScriptファイルを圧縮!Sublime Text3にYUI Compressorを入れてみた。 | ザ・サイベース

    ファイルを圧縮するってどういうこと?サイトの読み込み速度などを意識するようになると、ファイルを圧縮したくなると思います。 圧縮というとなんだか難しそうですが、要はCSSJavaScriptなどで、人がコードを見やすいように使用した、改行やタブ、半角スペースなどによるインデント、コメントなどを削除して少しでもファイルサイズを減らして、ブラウザの読み込み速度を向上させようとする作業のことです。 圧縮前のファイル名が「common.css」だとすると、圧縮後は「common.min.css」といった名称でファイル名を付けることが多いですね。 ファイルの圧縮ってどうやってやるの?これまでは、ファイルの圧縮を行う際はインターネット上のサービスを使用して、ブラウザ経由で圧縮することをよくやっていました。 http://ganquan.info/yui/ http://refresh-sf.com/

    え!?わずか1秒でCSS / JavaScriptファイルを圧縮!Sublime Text3にYUI Compressorを入れてみた。 | ザ・サイベース
  • 1