twitterURLを埋め込むとサイトが重たくなることの対策について。…

WordPress解決済み
momoさん
momo

twitterURLを埋め込むとサイトが重たくなることの対策について。

お世話になります。
上記の件でとても困っています。
口コミ記事を書いたので、TwitterURLを10件ほどワードプレス(テーマはアフィンガー6)に貼り付けて投稿したところ、
記事をひらくまでに数十秒~1分ほど時間がかかる重たい記事になってしまいました。
他所ではtwitterを埋め込んだ記事が軽々と開いているものをよく見かけます。
なにかやり方が間違っているのか教えていただければ幸いです。

みんなのコメント 8件

ベストアンサー

ユーザー660さん
ユーザー660さん

momo さん

記事が重くなるということですが、原因は記事に貼り付けた Twitter 投稿ではない可能性もあります。
記事の重さの判断は、PageSpeed Insights などで測定して、そこの数値やエラーなどを見て行うべきです。
https://developers.google.com/speed/pagespeed/insights/

よろしければ該当記事の URL をお教えいただけますでしょうか。

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

momoさん
momoさん質問者

お世話になります。
さっそくのアドバイスどうもありがとうございます。

URLを貼らせていただきます。
https://water-labo.com/hummingwater-1002/
https://water-labo.com/hummingwater-kuchikomi1003/

PageSpeed Insights では不思議な事に
・PCで95
・モバイルで71
という数字が出てました。

試しにtwitterの埋め込み部分をブロックごと別記事に移動させたところ、該当記事はサクッと開くようになりました。
そしてTwitterの移設先は案の定 数十秒開かない状態です。

ユーザー660さん
ユーザー660さん

momoさん

URL をお教えいただきありがとうございます。

PageSpeed Insights のスコアも高めですし、私のネット環境では特に問題なく素早くページが開きました。もしかしたら、単に通信環境などの影響に過ぎないかもしれません。

つまり、気にする必要なしです。PageSpeed Insights のスコアも物語っていますので、私の主観ということではありません。しっかりとしたデータです。

ちなみにですが、Twitter 投稿の貼り付けは、URL のみで貼り付けられていますか?それとも埋め込み用のコードを利用されていますか?

もし埋め込み用のコードなのであれば、URL のみの貼り付けに変更すると良いかもしれません。(ご利用環境によって URL のみの貼り付けでは動作しない可能性もありますが)

momoさん
momoさん質問者

@j_jetstreamさん
お世話になります

Twitter投稿の貼り付けですが、
ブログ初心者でよくわかっておらず
ワードプレスのtwitterブロックを呼び出してそこにtwitterのURLを貼り付けて表示させています
ブロックを使わずにURLを貼り付けたところ、正常に表示はされませんでした

私のPC環境では、Twitterのみの記事は相変わらずもっさりしています
スマホからもアクセスしていますが、PCと同様にもっさりです
@j_jetstreamさんのネット環境では問題ないとのこと

明日、自宅以外からの環境でも試してみようと思いました

ユーザー660さん
ユーザー660さん

momo さん、

>ワードプレスのtwitterブロックを呼び出してそこにtwitterのURLを貼り付けて表示させています
ブロックエディアの Twitter ブロックからの貼り付けで問題ありません。大丈夫です。

>Twitterのみの記事は相変わらずもっさりしています
こちらですが、記事全体の話でしょうか?それとも Twitter 投稿部分だけでしょうか?
もし Twitter 投稿部分だけがもっさりしている場合は、遅延読み込み機能(Lazy Load)が働いているだけと予想されますので、特に問題はありません。

>私のPC環境では、Twitterのみの記事は相変わらずもっさりしています
通信環境が原因の可能性もありますし、momo さんの PC とスマートフォンに残っているキャッシュが原因で一時的に遅い可能性があります。

とりあえずは PageSpeed Insights のスコアに問題がなければ、特段気にする必要はなしです。
念のため私も、随時確認させていただきますね。

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

momoさん
momoさん質問者

@j_jetstreamさん
お世話になります
もっさりの部分ですが、記事全体なんです
記事自体がなかなか開かない状況です
仰るように
PageSpeed Insightsでは問題のない結果なので
PCとスマホのキャッシュに問題があるのかもしれません
キャッシュのクリアを調べて実行してみようと思いました

明日いっぱい様子をみて
できればふたつの記事を元通りに統合したいと考えています
おそい時間にご丁寧にアドバイスくださり
本当にありがとうございました🙏

ユーザー660さん
ユーザー660さん

度々失礼いたします。

先ほどお教えいただいた PageSpeed Insights スコアですが、もしかして該当の重い記事(URL)のスコアではないですよね?
該当記事のスコアを計測しようとしたところ、タイムアウトで計測不能となりました。つまり、おっしゃられる通り、重いかもしれません。

予測される原因は、Twitter 投稿毎に読み込み(同期)が発生しているためです。

対処法としては埋め込みコードに切り替えて、2 つ目以降の無駄なコードを削除したり、async 部分を削除して非同期にするなどがありますが、初心者ということであれば導入ハードルは高いかも。
https://update-days.com/tweet-umekomi-omoi/

とりあえず momo さんができることとしたら、Twitter 投稿の貼り付けを減らすなどでしょうか。。。

質問者からのお礼コメント

momoさん
momoさん質問者

おそい時間にも関わらず迅速で丁寧なアドバイスをいただき
本当にありがとうございました

momoさん
momoさん質問者

上記の件、解決しましたので報告させていただきます。

ワードプレスのtwitter埋め込みブロックを使うと記事の表示速度が異常に遅くなる件、
カスタムHTMLブロックを使うことで解決しました。

色々とお世話になりありがとうございました。

あなたの経験や知識を共有しませんか?

ほかのユーザーの相談に、コメントで参加してみましょう。

ログインしてコメントするはじめての方は無料登録