質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

1478閲覧

WordPressで追加CSSに記載するコード量が多いと問題ありますか?

Miyama11

総合スコア8

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2020/07/05 08:34

WordPressでブログを運用しているのですが、追加cssに記載のコードが740行になってしまいました。
そのせいか、かなり表示が重くなっているように思えます。

コード量が多い場合は、追加cssよりstyle.cssに記載した方がよいのでしょうか?
それとも、このまま追加cssに記載し続けても問題ないのでしょうか?

詳しい方からのご意見をいただけると嬉しいです。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

wordpressに限らず、ですが、、、

●追加cssでテーマのcssを上書きする
●同じスタイルを何度も記載している
●一つのclassにかかるスタイルが色々なところにバラけている

このような事があまりに多発していると
何度もcssを読み込むことになりますから
当然速度にも影響してきます。
(stylesheetとはいえ 1文字1バイトとして計算されます
量が多ければ当然負荷がかかりますし )

wordpressテーマのstyle.cssは
全く使わないフォーマットなどのスタイルも
書かれていますので

1.子テーマを作り、style.cssを丸ごとコピペ
2.不要なスタイルを削除
3.極力スタイルをまとめる

というのも一つの手ですね。
(テーマによっては8000行とかあるので
全部見ていくと死にそうになりますが、、笑)


cssだけではなく
もし記事がかなり増えているのでしたら
それでも重くなりますので
dbのお掃除とか、キャッシュとなどを
お考えになられても良いかと思います^^

投稿2020/07/05 11:06

-millmill-

総合スコア674

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Miyama11

2020/07/05 22:28

非常に参考になるご回答をありがとうございました。 そうですね。CSS以外にも原因がありそうですので、他の観点からも見直しを図ってみます。
guest

0

どっちでも変わらないと思いますが、そう思うのなら試してみたら良いと思うのですが。
ちなみにアップデートする可能性のあるテーマファイルの場合は、そのまま書き換えるとアップデート時にもとに戻りますので、子テーマ機能を使うようにしてください。

投稿2020/07/05 10:20

Takumiboo

総合スコア2534

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Miyama11

2020/07/05 22:30

そうですね。ご回答ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問