みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

サイトの表示スピードを改善

https://gtmetrix.com/
こちらのサイトで、サイトの表示スピードを計りました。
すると、DとEという結果になり、改善したいと思いました。

画像は、そこまで貼っていませんが、
ページを軽くするために、使う画像は640px以下にしています。

そして、全ての画像を「EWWW Image Optimizer」で圧縮しています。

おそらく、CSSとかが原因かと思うのですが、
CSSの知識がほとんどなく、どこをどうすればいいか分からないです。

サイトの表示スピード「DとE」を、Aに持っていくには、
どのような改善を行えば良いのでしょうか?

みなさまは、どのような方法をとっていますか?

よろしくお願いいたします。

投稿日時 - 2018-10-02 11:15:38

QNo.9543462

困ってます

質問者が選んだベストアンサー

そのサイトで調べると、細かくどの項目で遅くなっているのか評価が出るので、まずは何が原因でD、Eと判定されているのか詳しく確認しましょう。

表示スピードの要素は、サーバ側の応答時間、コンテンツの転送時間、ブラウザのDOM解析・レンダリング時間があります。
CSSが原因だとしても、余計な記述が多くて転送に時間が掛かっているのか、複雑な記述をしすぎてレンダリングに時間が掛かるのかの違いがあります。

投稿日時 - 2018-10-02 12:51:13

ANo.3

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(4)

ANo.4

一応カテゴリーは技術者向けなんで、明らかに素人の質問にはいつもはまともに回答しないのですが、

>使っているサーバーは、速いとされているXサーバーです。
>これ以上、速くできないのでしょうか?

そもそも問題としている状況の把握が出来ないことには、改善なんて出来ません。

速いって何?
どういう状態を速いって言うのか分かってますか?

車だと、速いというのは時間あたり走るる距離が長かったり、決められたコースや区間を走るタイムが短い事を速いと言うのは、特に知識がなくてもわかりますよね。

その車を運転する人の技術によって、速くなることはあるでしょう。

しかし、サーキットで乗用車がどんなに頑張ってもF1マシンには勝てません。

車に例えるなら、サーキットを一周するというのが、サイトを表示する速さに近いと思います。

サイトの表示スピードを比較するときには、サーキットの違いは考慮されません。

一周30kmのサーキットだろうと、直線400mしかないコースだろうと、タイムだけで比較します。

サイトのスピードも同様に、サイトのコンテンツが完全に表示される時間で比較されると思います。

どんな構成のサイトなのか知りませんが、サーキットなら複雑なカーブや高低差があれば同じ距離でもタイムはかかりますね。

ドライバーがなるべく上手く走れるようにしたところで、限度があるんですよ。

そもそもそのサイトのDやEという判定は、速度を数字で確認しないと、速いかどうかも判断できませんよね。

全ての形容詞は、基準に対しての比較です。

Xサーバーが速いと言うのは、何と比べて速いのか?その計測サイト判定の基準はなんなのか?

まず確認するのはここからです。

実際に数値で何にどれだけの時間がかかっているのかを把握した上で、改善点を見いだし改善します。

サーバーの通信や処理にはそれ相応の時間がかかります。
通信量が半分になれば、通信時間が単純計算で半分になりますが、そんなに通信量を減らしてしまっては、サイトは違うものになってしまいそうです。
処理を減らすために、スクリプトを書き換えるなどして、画期的に高速化されることもあるでしょうけど、元々処理にかかっている時間以上に短縮されることはありません。

ですので、質問のような内容なら、具体的な指示なんて不可能です。

認識がアバウト過ぎるから改善するところがないんです。

ただ、確実に言えることは、何もわかっていなくても、今よりも処理速度の速いサーバーと今よりも速い通信帯域があると、速くなります。

投稿日時 - 2018-10-02 13:01:41

ANo.2

CSSなどが原因ということであれば、gzip圧縮を試してみてはいかかでしょうか。
.htaccessに記述する事で設定できます。
参考: https://syncer.jp/how-to-make-gzip

また、私が管理するサイトでしている表示スピード高速化対策として、上記gzip圧縮に加え
- CSS, JSの無駄を減らす、必要なら圧縮
- 可能な限りJSファイルをbody閉じタグ直前で読み込み、async属性の適用
- ブラウザのキャッシュを利用する
などがあります。

投稿日時 - 2018-10-02 12:31:35

ANo.1

根本的にやろうとしていることが焼石に水だと思いました。

物理的に速いサーバーと余裕のある通信帯域がないと速くなりませんよ。

投稿日時 - 2018-10-02 11:23:51

補足

回答ありがとうございます。

使っているサーバーは、速いとされているXサーバーです。
これ以上、速くできないのでしょうか?

投稿日時 - 2018-10-02 11:51:45

あなたにオススメの質問