えー、
ブログやホームページを運用されている方であれば、一度は気にしたことのあるはずのファイル圧縮についてです。
英語ですと、「Minify」と言います。
中でもAMP対応する場合には、CSSのファイルサイズが50KBまでと決まっています。
多くの場合、なんのCSSコードだったのか分かるようにコメントアウトしたり後でカスタマイズして重複していたりすることもあると思われます。
車メンテナンス・カスタマイズ・点検・修理、WordPressカスタマイズ、PC設定、車、時事ネタ、情勢、日々の出来事など津々浦々に綴っていきます。
2025年6月16日 (月曜日)本日の人気記事トップ10
所要時間目安: 約 2 分
今日は2025年6月16日です。
この記事は2017年1月17日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年6月16日 (月曜日)↓における週間月間人気記事トップ3は?↓
WAKO'Sエンジンオイル添加剤SUPERHVはかなりおすすめです 1PV
WAKO'S製品はどれも素晴らしい商品ばかりですが、その中でもハイブリッド車用の低粘度エンジンオイルに対しての添加剤です。SUPERHVは、低粘度エンジンオイルのピストンへのエンジンオイルの皮膜形成さ…
WordPressプレビュー出来ない。権限がありません。解決方法保存版 1PV
えー、はぁ( ´Д`)=3良かった…。 一昨日から続いていたWordPressで新規投稿記事や過去記事のプレビューが出来ないという問題・不具合について、 見事(やっと)解決できたので、 備忘録としての…
RSSフィードにアイキャッチ画像を表示させる方法Feedlyなど 1PV
WordPressでのブログ運営にして間もなく一年が経とうとしています。 はじめは試行錯誤でphpって何?functionって日本語だと機能って意味だけれど何?みたいな感じでした。まぁ、今でも超有名な…
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 25PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 19PV
過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。(メンテナンスしないのはもっと悪いですが…。) その記…
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 25PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 19PV
過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。(メンテナンスしないのはもっと悪いですが…。) その記…
えー、
ブログやホームページを運用されている方であれば、一度は気にしたことのあるはずのファイル圧縮についてです。
英語ですと、「Minify」と言います。
中でもAMP対応する場合には、CSSのファイルサイズが50KBまでと決まっています。
多くの場合、なんのCSSコードだったのか分かるようにコメントアウトしたり後でカスタマイズして重複していたりすることもあると思われます。
アドセンス336pxPC閲覧記事下表示1つ目コード
いくつかあります。
しかし、!!
HTMLなど下手なサイトやツールなどでファイル圧縮(Minify)しても、表示が崩れたりしてしまいます。
サイト表示速度測定サイトのGTMatrixなどでもMinifyされたCSSなどの提案があります。
なぜなら、これまでに何回か使用した際にデザインが崩れてしまったことがあるからです。
(普通、超えることがあるからです。ですよね、日本語の表現として。)
さておき・・・・・・。
私の場合ですが、思うようにしようとした所AMP用のCSSが50.02KBとわずかに超えてしまいました。
そして、もちろんAMPバリゲーターでERRORとなりました。
なので、少しだけ妥協してCSSを削っていました。
でも、なんとなくユーザビリティに欠くなぁ。
と思い、しょうがない圧縮しよう。
という経緯です。
上記したようにいくつかありますが、
なぜか?
それは、私が使用してCSSのファイル圧縮後に適用してみてもデザインが崩れることもなく思い通りに表示されたからです。
こちらでCSSのファイル圧縮をしてみた所50.02KBだったものが、30.8KBにまでなりました。
いかにコメントアウトや重複してしまっていたコードがあったのかが分かります。orz
同じように通常表示のサイトのCSSもファイル圧縮したら・・・・・・。
もっと圧縮率は高いと思われますがしません。
なぜかは秘密です。
(特に秘密にする必要はありませんがm(__)m)
これだけファイル圧縮できたので、他にもCSSを追加することも出来るようになりました。
が、追加しません。
なぜか?
そ
・
れ
・
は
追加する予定も追加するものもないからです。
ただ単にそれだけです。
人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」
東日本大震災の、 月命日である11日に改めて、 放射能に関して記載しておきたいと思います。 なお、この記事は私が別のブログサービスで以前に投稿したものです。(2011年3月26...
また今年も春が来て夏に向かい草取りもしくは草むしりが必要(必須)な時期になってきました。 昨年も、以下に記事として書きましたが今年はさらに草取りを楽にするようなコツを紹介させていただきたいと思います。
2015年も数時間前に終わってしまいました。 早いもので既に2016年になって約4時間程度過ぎ去りました。今年も残すところあと364日と20時間あまり…。 (笑)m(__)m2015年は皆さんかがお過...
多くのサイトやブログなどの記事に、その記事に対して目を引く画像という意味合いのアイキャッチ画像。そのアイキャッチ画像を毎回毎回設定したり、作成したりするのは少し面倒な方は多いと思われます。大手サイトの...
Multiplex 広告
あなたが訪問してから
⏰ 0 秒経過 🎉ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ10
アドセンス336pxPC閲覧記事下表示1つ目コード
よろしかったらシェアよろしくお願いします。
-カスタマイズ, ツール, 伝えたいこと, 備忘録, 時事ネタ
Opt-out complete; your visits to this website will not be recorded by the Web Analytics tool. Note that if you clear your cookies, delete the opt-out cookie, or if you change computers or Web browsers, you will need to perform the opt-out procedure again.
You may choose to prevent this website from aggregating and analyzing the actions you take here. Doing so will protect your privacy, but will also prevent the owner from learning from your actions and creating a better experience for you and other users.
The tracking opt-out feature requires cookies to be enabled.
This site is protected by reCAPTCHA and the GooglePrivacy PolicyandTerms of Serviceapply.
このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。
新着コメント