HodalogHODALOGホームブログフロントエンドバックエンドDevOpsポエムお問い合わせこのサイトについてホームフロントエンドバックエンドDevOpsお問い合わせこのサイトについて便利ツールキュンキュンに圧縮されたCSSやJSを復元・可読化する方法:2016-02-02お元気ですか。Insightsのスコアが90を超えて喜んでいるHodaです。ここ最近、モバイル端末におけるサイトの表示速度を改善しているのですが。その過程で、WordPressのスクリプトファイルを調べる機会がありました。下図はそのファイルのソースコードですが、とても解読する気にはならないですよね。このように、コードは容量を削減するために圧縮されている場合があります。圧縮されたコードは、それはもうキュンキュンな状態なので、読み解くのは一苦労です。この記事では、一度縮小されたコードを整形し、可読化する方法をメモします。圧縮済みJavaScriptファイルを整形するツールこちらのツールが簡単に使えて便利です。beautifierテキストエリアにコードを貼り付け、Beautifyボタンをクリックするだけです。ギュウギュウな状態から、綺麗に整理されたコードへ早変わり。圧縮済みCSSファイルを最適化するツールCSSファイル用のツールもありました。styleneatコードをテキストエリアに直接入力するだけでなく、CSSファイルをアップロードしたり、URLを指定する方法もあり、扱いやすそうです。まとめ圧縮されたCSSとJSファイルを復元、整形するツールを紹介しました。インストールしなくても手軽に使える点が非常に良いですね。それではまた、ごきげんよう。コメントをキャンセルメールアドレスが公開されることはありません。url次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。meHodaエンジニア。フロントからインフラまで広く浅く。至らない点は多いですがなんとかやっています。