QtwitterURLを埋め込むとサイトが重たくなることの対策について。…WordPress解決済みmomo2021.10.03 20:55twitterURLを埋め込むとサイトが重たくなることの対策について。お世話になります。上記の件でとても困っています。口コミ記事を書いたので、TwitterURLを10件ほどワードプレス(テーマはアフィンガー6)に貼り付けて投稿したところ、記事をひらくまでに数十秒~1分ほど時間がかかる重たい記事になってしまいました。他所ではtwitterを埋め込んだ記事が軽々と開いているものをよく見かけます。なにかやり方が間違っているのか教えていただければ幸いです。共感した 0シェアX(旧 Twitter)FacebookはてなブックマークLINEURL をコピー閲覧数 110回
ユーザー660さん2021.10.03 21:00momo さん記事が重くなるということですが、原因は記事に貼り付けた Twitter 投稿ではない可能性もあります。記事の重さの判断は、PageSpeed Insights などで測定して、そこの数値やエラーなどを見て行うべきです。https://developers.google.com/speed/pagespeed/insights/よろしければ該当記事の URL をお教えいただけますでしょうか。よろしくお願いいたします。ナイス!0
momoさん質問者2021.10.03 21:08お世話になります。さっそくのアドバイスどうもありがとうございます。URLを貼らせていただきます。https://water-labo.com/hummingwater-1002/https://water-labo.com/hummingwater-kuchikomi1003/PageSpeed Insights では不思議な事に・PCで95・モバイルで71という数字が出てました。試しにtwitterの埋め込み部分をブロックごと別記事に移動させたところ、該当記事はサクッと開くようになりました。そしてTwitterの移設先は案の定 数十秒開かない状態です。ナイス!0
ユーザー660さん2021.10.03 21:17momoさんURL をお教えいただきありがとうございます。PageSpeed Insights のスコアも高めですし、私のネット環境では特に問題なく素早くページが開きました。もしかしたら、単に通信環境などの影響に過ぎないかもしれません。つまり、気にする必要なしです。PageSpeed Insights のスコアも物語っていますので、私の主観ということではありません。しっかりとしたデータです。ちなみにですが、Twitter 投稿の貼り付けは、URL のみで貼り付けられていますか?それとも埋め込み用のコードを利用されていますか?もし埋め込み用のコードなのであれば、URL のみの貼り付けに変更すると良いかもしれません。(ご利用環境によって URL のみの貼り付けでは動作しない可能性もありますが)ナイス!0
momoさん質問者2021.10.03 21:26@j_jetstreamさんお世話になりますTwitter投稿の貼り付けですが、ブログ初心者でよくわかっておらずワードプレスのtwitterブロックを呼び出してそこにtwitterのURLを貼り付けて表示させていますブロックを使わずにURLを貼り付けたところ、正常に表示はされませんでした私のPC環境では、Twitterのみの記事は相変わらずもっさりしていますスマホからもアクセスしていますが、PCと同様にもっさりです@j_jetstreamさんのネット環境では問題ないとのこと明日、自宅以外からの環境でも試してみようと思いましたナイス!1
ユーザー660さん2021.10.03 21:37momo さん、>ワードプレスのtwitterブロックを呼び出してそこにtwitterのURLを貼り付けて表示させていますブロックエディアの Twitter ブロックからの貼り付けで問題ありません。大丈夫です。>Twitterのみの記事は相変わらずもっさりしていますこちらですが、記事全体の話でしょうか?それとも Twitter 投稿部分だけでしょうか?もし Twitter 投稿部分だけがもっさりしている場合は、遅延読み込み機能(Lazy Load)が働いているだけと予想されますので、特に問題はありません。>私のPC環境では、Twitterのみの記事は相変わらずもっさりしています通信環境が原因の可能性もありますし、momo さんの PC とスマートフォンに残っているキャッシュが原因で一時的に遅い可能性があります。とりあえずは PageSpeed Insights のスコアに問題がなければ、特段気にする必要はなしです。念のため私も、随時確認させていただきますね。よろしくお願いいたします。ナイス!0
momoさん質問者2021.10.03 21:48@j_jetstreamさんお世話になりますもっさりの部分ですが、記事全体なんです記事自体がなかなか開かない状況です仰るようにPageSpeed Insightsでは問題のない結果なのでPCとスマホのキャッシュに問題があるのかもしれませんキャッシュのクリアを調べて実行してみようと思いました明日いっぱい様子をみてできればふたつの記事を元通りに統合したいと考えていますおそい時間にご丁寧にアドバイスくださり本当にありがとうございました🙏ナイス!0
ユーザー660さん2021.10.03 21:52度々失礼いたします。先ほどお教えいただいた PageSpeed Insights スコアですが、もしかして該当の重い記事(URL)のスコアではないですよね?該当記事のスコアを計測しようとしたところ、タイムアウトで計測不能となりました。つまり、おっしゃられる通り、重いかもしれません。予測される原因は、Twitter 投稿毎に読み込み(同期)が発生しているためです。対処法としては埋め込みコードに切り替えて、2 つ目以降の無駄なコードを削除したり、async 部分を削除して非同期にするなどがありますが、初心者ということであれば導入ハードルは高いかも。https://update-days.com/tweet-umekomi-omoi/とりあえず momo さんができることとしたら、Twitter 投稿の貼り付けを減らすなどでしょうか。。。ナイス!1
momoさん質問者2021.10.14 19:01上記の件、解決しましたので報告させていただきます。ワードプレスのtwitter埋め込みブロックを使うと記事の表示速度が異常に遅くなる件、カスタムHTMLブロックを使うことで解決しました。色々とお世話になりありがとうございました。ナイス!0
みんなのコメント 8件
ベストアンサー
momo さん
記事が重くなるということですが、原因は記事に貼り付けた Twitter 投稿ではない可能性もあります。
記事の重さの判断は、PageSpeed Insights などで測定して、そこの数値やエラーなどを見て行うべきです。
https://developers.google.com/speed/pagespeed/insights/
よろしければ該当記事の URL をお教えいただけますでしょうか。
よろしくお願いいたします。
お世話になります。
さっそくのアドバイスどうもありがとうございます。
URLを貼らせていただきます。
https://water-labo.com/hummingwater-1002/
https://water-labo.com/hummingwater-kuchikomi1003/
PageSpeed Insights では不思議な事に
・PCで95
・モバイルで71
という数字が出てました。
試しにtwitterの埋め込み部分をブロックごと別記事に移動させたところ、該当記事はサクッと開くようになりました。
そしてTwitterの移設先は案の定 数十秒開かない状態です。
momoさん
URL をお教えいただきありがとうございます。
PageSpeed Insights のスコアも高めですし、私のネット環境では特に問題なく素早くページが開きました。もしかしたら、単に通信環境などの影響に過ぎないかもしれません。
つまり、気にする必要なしです。PageSpeed Insights のスコアも物語っていますので、私の主観ということではありません。しっかりとしたデータです。
ちなみにですが、Twitter 投稿の貼り付けは、URL のみで貼り付けられていますか?それとも埋め込み用のコードを利用されていますか?
もし埋め込み用のコードなのであれば、URL のみの貼り付けに変更すると良いかもしれません。(ご利用環境によって URL のみの貼り付けでは動作しない可能性もありますが)
@j_jetstreamさん
お世話になります
Twitter投稿の貼り付けですが、
ブログ初心者でよくわかっておらず
ワードプレスのtwitterブロックを呼び出してそこにtwitterのURLを貼り付けて表示させています
ブロックを使わずにURLを貼り付けたところ、正常に表示はされませんでした
私のPC環境では、Twitterのみの記事は相変わらずもっさりしています
スマホからもアクセスしていますが、PCと同様にもっさりです
@j_jetstreamさんのネット環境では問題ないとのこと
明日、自宅以外からの環境でも試してみようと思いました
momo さん、
>ワードプレスのtwitterブロックを呼び出してそこにtwitterのURLを貼り付けて表示させています
ブロックエディアの Twitter ブロックからの貼り付けで問題ありません。大丈夫です。
>Twitterのみの記事は相変わらずもっさりしています
こちらですが、記事全体の話でしょうか?それとも Twitter 投稿部分だけでしょうか?
もし Twitter 投稿部分だけがもっさりしている場合は、遅延読み込み機能(Lazy Load)が働いているだけと予想されますので、特に問題はありません。
>私のPC環境では、Twitterのみの記事は相変わらずもっさりしています
通信環境が原因の可能性もありますし、momo さんの PC とスマートフォンに残っているキャッシュが原因で一時的に遅い可能性があります。
とりあえずは PageSpeed Insights のスコアに問題がなければ、特段気にする必要はなしです。
念のため私も、随時確認させていただきますね。
よろしくお願いいたします。
@j_jetstreamさん
お世話になります
もっさりの部分ですが、記事全体なんです
記事自体がなかなか開かない状況です
仰るように
PageSpeed Insightsでは問題のない結果なので
PCとスマホのキャッシュに問題があるのかもしれません
キャッシュのクリアを調べて実行してみようと思いました
明日いっぱい様子をみて
できればふたつの記事を元通りに統合したいと考えています
おそい時間にご丁寧にアドバイスくださり
本当にありがとうございました🙏
度々失礼いたします。
先ほどお教えいただいた PageSpeed Insights スコアですが、もしかして該当の重い記事(URL)のスコアではないですよね?
該当記事のスコアを計測しようとしたところ、タイムアウトで計測不能となりました。つまり、おっしゃられる通り、重いかもしれません。
予測される原因は、Twitter 投稿毎に読み込み(同期)が発生しているためです。
対処法としては埋め込みコードに切り替えて、2 つ目以降の無駄なコードを削除したり、async 部分を削除して非同期にするなどがありますが、初心者ということであれば導入ハードルは高いかも。
https://update-days.com/tweet-umekomi-omoi/
とりあえず momo さんができることとしたら、Twitter 投稿の貼り付けを減らすなどでしょうか。。。
質問者からのお礼コメント
おそい時間にも関わらず迅速で丁寧なアドバイスをいただき
本当にありがとうございました
上記の件、解決しましたので報告させていただきます。
ワードプレスのtwitter埋め込みブロックを使うと記事の表示速度が異常に遅くなる件、
カスタムHTMLブロックを使うことで解決しました。
色々とお世話になりありがとうございました。
あなたの経験や知識を共有しませんか?
ほかのユーザーの相談に、コメントで参加してみましょう。
ログインしてコメントするはじめての方は無料登録