【技術系議論】ページ表示速度について

bトーク@masanobuのアイコン画像@masanobu
2017/11/14 07:50

SEO対策的なお話です。

皆様気軽に議論してほしいのですが、
ご自分のブログのページ速度は図ったこと有りますか。

PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/?hl=ja

サイトにアクセスしていただき、自分のアドレスを記載すれば良いです。

私の場合、
PC Needs Work 72 / 100
モバイル Poor 48 / 100

ページ速度って意外と大事だと思ってるのですが、
皆さんページ速度を改善はどのようにしてますか。

私はプラグインはなるべく少なくしてるのと
画像は自動で圧縮かけるのと、ページの表示のときに画像表示を遅らせてます。

HTML5
CSS3
JavaScript
PHP
WordPress
2017/11/14 07:50

コメント

@hiro1030yukinoのアイコン画像
@hiro1030yukino

私は

PC Needs Work 74 / 100
モバイル Poor 54 / 100 です

「ページ数の割りに遅いんやろなぁ」って思ってますが、画像圧縮程度で終わっています。

キャッシュ系プラグイン使うと、私の場合知識不足でちょくちょくエラーでちゃいます。

@mamorizm22のアイコン画像
@mamorizm22

時間帯にもよりますけど、ワタクシの場合は

・PC 90/100
・モバイル 88/100

が平均点ですね。

結局、どんなにプラグインを減らそうと画像を圧縮しようと、最終的には

①サーバーの根本的な性能
②どの時点でjqueryを呼び出すか?

で大方のスコアは決まってしまいますので、なるべくレスポンスが速いサーバー(現時点ではX-severが最速との評価高し)を借りる事と、プラグインに影響を与えないならばjqueryは非同期呼び込みにすれば、80点以上は出ますね。

でもまぁ、概してWordPressユーザーは「アレも、コレも」とプラグインを欲張る人が多いので、「本当に必要な機能」を見定めるのが最も大事かとは思いますが…

@mamorizm22のアイコン画像
@mamorizm22

あっ、思いっきり誤字してましたね(°Д°;)
正しくは「jQuery」でした…

で、ついでに追記すると、jQueryの呼び出しも、何も考えずにWordPress内臓のjQueryを呼び出している人が多いですが、内臓jQueryで高いスコアが出ているケースは、先述した「速いサーバー」を借りているケースであり、非力なサーバー(お名前.com等)であればむしろ、Google CDNの「v1」から呼び込んだ方が安定して速くなりますので試してみて下さい。
(特にプラグインの関係上、どうしても同期呼び込みしたい場合など)

@nissy421のアイコン画像
@nissy421

PC Needs Work 80 / 100
モバイル Poor 61 / 100

でした。(久しぶりに測ったなあ)

はじめのころは色々と対策してた気がするけど、門外漢なので基本的にはプロの作ったデフォルトのハミングバード(WPテーマ)と公式ページのマニュアルに依存しております^^

@puddle1000のアイコン画像
@puddle1000

PC 74/100
モバイル 83/100です。
このページには、ブロッキング CSS リソースが 1 あります。これが原因で、ページのレンダリングに遅延が発生しています。
これはどのような対処すればよろしいのでしょうか。
さっぱり理解できません。

@sakanoueno_maroのアイコン画像
@sakanoueno_maro

最近はあまり気にしていません。体感的に不満ないので…

@46symのアイコン画像
@46sym

pagespeedって指定したURLの表示速度じゃなかったっけ?
なので特定のページの表示速度を確認したいなら、URLをドメインじゃなくて記事ページにしてあげる必要があるよね(´・ω・`)?

どのページも遅い僕にはあまり関係ないんだけども・:*+.\(( °ω° ))/.:+

@muraseのアイコン画像
@murase

ページごとにスピードは変わりますね。
早ければいいですがコンテンツが最重要なので気にするよりも記事を修正が9割です。

@yosiakatsukiのアイコン画像
@yosiakatsuki

僕も最近スコアは気にしていません
よっぽど遅くなければ問題ないと思います!

ちなみに、以前PageSpeed Insightsで100点とるために頑張ったことをまとめた記事があるのでご参考に…
https://yosiakatsuki.net/blog/page-speed-optimization/

ちなみにこの記事だと
SP : 98
PC : 86
でした。

画像は「容量」の大きさではなく、「サイズ」も重要になってくるのでご注意下さいー
例えば、100px * 100px で表示されるところに300px * 300pxの画像を使ったりすると「最適化して下さい」と注意されてしまいますー

@masanobuのアイコン画像
@masanobu

@mamorizm22

なるほど、知らない情報をありがとうざいます

@masanobuのアイコン画像
@masanobu

@murase

確かに100万PV以上行かなければ
ページが遅かろうと早かろうとそこまで被害は出ないですね


するとコメントを残すことができます。