圧縮を実行するためのいくつかのツール

幸い、ウェブサイトのファイルサイズを小さくするために、必ずしも開発者である必要はなく、プログラミング言語のXNUMXつを知っている必要もありません。 ミニフィケーションは、Webデザインの世界では一般的な方法になっています。 ですから、あなたのために仕事をするための素晴らしい（そして無料の）ツールがたくさんあることを知っても驚かないでください。

また私達のを見なさい あなたの記事に新しい命を吹き込むための6つのWordPressプラグイン

開始するのに役立つツールのリストを次に示します。 これらの多くは複数のタイプのコードを最小限に抑えることができるため、括弧内にコードタイプのオプションを含めました。

• • cssminifier.com et javascript-minifier.com （CSSとJS）-AndrewChiltonによるこれらのXNUMXつのミニファイアは使いやすいです。 コードを貼り付けて、ボタンをクリックするだけです 縮小する 圧縮コードを表示します。 便宜上、終了コードをファイルとしてダウンロードすることもできます。
  • htmlcompressor.com （HTML、CSS、およびJS）-このオンライン圧縮/縮小ツールは、HTML、CSS、およびJSコードタイプをサポートします。 CSS + PHPやJavaScript + PHPなどのコードタイプのさまざまな組み合わせもサポートします。 また、圧縮されたコードにエラーがないか確認することもできます。

• • csscompressor.net （CSSのみ）-このオンラインCSSコンプレッサーは、高速で簡単、そして無料で使用できます。

• • jscompress.com （JSのみ）-このJavaScript圧縮ツールを使用すると、コピーして貼り付けることでJavaScriptコードを圧縮できますが、一度に複数のJavaScriptファイルをダウンロードすることもできます。 これは、JavaScriptファイルをXNUMXつのファイルに結合して、ページの読み込み速度を向上させるのに理想的です。
  • ダンのツール- ダンのツール 国連を提案します CSSを縮小する そしてA JavaScriptを縮小する 。 どちらのツールも、非常にクリーンで使いやすいユーザーインターフェイスを備えています。 高度なオプションはありませんが、一般的なミニミネーションの目的には最適です。

• • refresh-sf.com （HTML、CSS、およびJS）-このコンプレッサーは、JavaScript、CSS、およびHTMLコードタイプを削減します。 また、必要に応じて、各タイプのコードのすべての圧縮オプションも含まれています。
  • クロージャコンパイラ （JSのみ）-クロージャーコンパイラはの一部です 閉鎖ツール 、Google Developers のツール スイートです。 他の便利な最適化とともに JavaScript を縮小することができます。 js ファイルの場所の URL を入力して Javascript コードを使用し、コードを最適化およびフォーマットする方法を選択します。 

たとえば、必要に応じて空白のみを削除するようにコードを最適化することを選択します。 コンパイルボタンをクリックすると、コードが削減されます（またはコンパイルされます）。

• • minifycode.com （HTML、CSS、およびJS）-このWebサイトは、 JavaScriptを , CSS et HTML ワンクリックでコードを圧縮するシンプルでクリーンなユーザーインターフェイスを備えています。 また、読みやすくするために、縮小されたコードを圧縮解除する「美化」ツールも提供します（縮小の反対）。

CSSまたはJavaScript HTMLをローカルで最小化するためのオフラインツールを探しているなら、ここにいくつかのオプションがあります。

• phpied.com/cssmin-js/ （CSSのみ）
• yui.github.io/yuicompressor （JSとCSS）

オンラインツールを使用してHTML、CSS、およびJavaScriptのサイズを縮小する方法

これらのオンラインツールの多くには、次の手順を含む同様のプロセスがあります。

• ソースコードを貼り付けるか、ソースコードファイルをダウンロードします。 
• 特定の出力の設定を最適化する（オプションが利用可能な場合）
• ボタンをクリックしてコードを圧縮します。
• 縮小コードの結果をコピーするか、縮小コードファイルをダウンロードします。

この例では、次のミニファイツールを使用します。 minifycode.com.

参照してください： WordPressの上に安全にCSSコードを追加する方法 このリンクを参照してください。

最初に、WebサイトファイルでCSSファイル（通常はstyle.cssと呼ばれます）を見つけ、ページエディターを使用して開きます。 次に、すべてのCSSコードをクリップボードにコピーします。

に行きます minifycode.com [CSSミニファイア]タブをクリックします。 次に、CSSコードを入力ボックスに貼り付けて、ボタンをクリックします CSSを縮小.

新しい縮小コードが生成されたら、コピーします。

次に、WebサイトのCSSファイルに戻り、コードを新しい簡易バージョンに置き換えます。

それはそれです！

同じプロセスを繰り返して、WebサイトのJavaScriptファイルとHTMLファイルも減らします。

プラグインを使用してWordPressでHTML、CSS、およびJavaScriptを最小化する方法

WordPressでHTML、CSS、およびJavaScriptを最小限に抑える最も簡単な方法は、プラグインを使用することです。 これにより、WordPress Webサイトのファイルを自動的に最適化して、ボタンを数回クリックするだけでページの読み込み時間を短縮できます。

仕事を成し遂げるプラグインはたくさんありますが、いくつかの例を簡単に説明します。

自動最適化（無料）

自動最適化はおそらく WordPressのプラグイン 最も人気のあるミニファイの。 使いやすさと充実した機能が人気です。 コードをバンドル (スクリプトを結合)、縮小、およびキャッシュできます。 おまけとして、Google フォントや画像などを最適化する追加オプションがあります。

Autoptimizeを使用するには、WordPressダッシュボードからプラグインをダウンロード、インストール、アクティブ化できます。 プラグイン>新規追加.

詳細については、次のガイドを参照してください。  ワードプレスでプラグインをインストールする方法

プラグインがアクティブになったら、に行きます 設定>自動最適化。 次に、[メインパラメータ]タブで、最適化するコード（HTML、CSS、JavaScript）を確認し、[E]をクリックします。変更を保存する.

ボタンをクリックすることもできます 詳細設定を表示 ページの上部にあり、コードの最適化をさらにカスタマイズします。

多かれ少なかれそれです！ 非常にシンプルで強力です。

W3トータルキャッシュ（無料）

W3合計キャッシュ は、HTML、JS、およびCSSファイルを最小化する機能を提供する優れたキャッシングプラグインです。

WP最速キャッシュ（無料）

WP最速キャッシュ -このプラグイン WordPress キャッシュは高い評価で非常に人気があります。 パフォーマンスを向上させるためにHTML CSSとJavaScriptを組み合わせて削減するなど、さまざまなパフォーマンスの最適化を実行します。

記事もご覧ください あなたのブログにライブチャットを追加する8 WordPressのプラグイン

プラグインがインストールされたら、タブをクリックするだけです WP最速キャッシュ WordPressダッシュボードのサイドバーにあります。 タブの下 設定、HTMLファイルとCSSファイルを組み合わせて削減するためのオプションがあります。 JavaScriptの縮小はプロ版でのみ利用可能です。

まとめると

ブログを高速化し、パフォーマンスを向上させたい場合は、HTML、CSS、およびJavaScriptファイルのサイズを小さくする必要があります。 利用可能なすべてのオンラインツールを使用すると、任意のWebサイトのコードを簡単に折りたたむことができます。 

ブログのコンテンツを隠すための9 WordPressプラグイン 絶対に発見する

WordPressを使用する場合は、数回クリックするだけでこれらのファイルを自動的に縮小する強力なプラグインを自由に使用できます。

プレミアムWordPressプラグインもご覧ください  

他にも使えます WordPressのプラグイン モダンな外観を与え、ブログやウェブサイトの取り扱いを最適化します。

ここでは、そのためのプレミアムWordPressプラグインを提供しています。

その他の推奨リソース

また、以下のリソースを参照して、Webサイトとブログの把握と管理をさらに進めてください。

まとめ