1. ChromeがLaz..
    2018/September/04/04:49 Tue   Comment(0)
    わたしがリスペクトしている コリスさんの情報です。 ... ( Read more )
  2. SQLite Int..
    2018/August/27/03:29 Mon   Comment(0)
    SQLite Integrationを使い SQLiteでWo... ( Read more )
  3. Hello Word..
    2018/August/22/07:37 Wed   Comment(0)
    さくらのレンタルサーバ ライトで WordPressが使えまし... ( Read more )
  4. CMSをインストール..
    2018/August/19/14:14 Sun   Comment(0)
    おそらく8月22日の システムメンテナンスで さくらのサブド... ( Read more )
  5. 何となく分かったで良..
    2018/August/15/05:14 Wed   Comment(0)
    プログラミングを勉強したり 調べたりしていると 出てくる言葉... ( Read more )
2018/July/

2018年07月05日

CSSで苦肉の策?

以前の記事にて
ブログのPerformance Upと言うのを
ご紹介したのですが、

CSSに関しては、
コードをMinify処理(軽量化)する事
くらいしかやらなかったのですね。

そこで、
何か他にないかなと調べると

CSS外部ファイルをいくつも追加しない、
ひとつにまとめなさいよ。


わたしの場合、
外部CSSファイルが計七つ!
こりゃ確かに多いかな・・と・・、

そんじゃぁ一つにするかと、

Minifyしたコードを
一つにまとめてみましたが、
どうもうまく動作しない・・。


desperate.jpg

(uncompressed?コードを
一つにまとめてMinifyすればよいのだが、
はじめからMinifyされたコードもあるし、
・・てか、Minifyされたコードを選ぶし、
全てuncompressed?コードを集めて
一つにまとめてMinifyするのはかなり
面倒な事というか、する必要あるの?
そんな事を言っているヤツは
パフォーマンスなんか求める必要なし!
って事でしょうか・・?)






あとは、
@importで外部CSSを
指定する方法、
こちらはうまくいきました。

しかし、
@importは
パフォーマンスに悪影響を与える

と言われており、

どうしたらいいのよ?!

結局
たどりついたのが、
JavaScriptで
CSSファイルを読み込ませる方法。




つまり、
@importで
一つにまとめたCSSファイルを
JavaScriptで後から遅れて
読み込ませる方法。


なんか苦し紛れ?と言うか、

七つでも八つでも
普通にlink指定で
headに書きゃいいじゃん!


・・とも思いましたが、
結果(Performance Up)
がでるのであれば、

それも
(@import&JavaScript)
一つの策として
アリなのかな(・・?

case-by-case で
うまく対応していくのが
いちばんのようですね。






貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました








posted by four4to6 at 06:03 | Comment(0) | このブログの事 Performance up