Twitterウィジェットの表示速度について

質問

webサイトにTwitterタイムラインを埋め込むことは多々あるのですが、お客様から「タイムラインの表示が遅く感じる」とご指摘を受けました。
外部のものなので難しいとは思っているのですが、できれば改善したいです。

自分でも調べていますが、ウィジェットを埋め込むことによってサイト全体の表示が遅くなる事案が多く、タイムライン単体の表示速度についてはありませんでした。

通常使用しているのは、公式から出ているものになります。↓
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<a class="twitter-timeline" width="100%" data-lang="ja" data-theme="light" data-chrome="noheader nofooter noborders transparent noscrollbar" href="https://twitter.com/">Tweets by</a>

お力添え頂けたら幸いです。
よろしくお願いします。

回答No.1

兼元 謙任（@kanekaneto）

まずは、現在のサイト表示全体のスピードがどれくらいで、改善策についてどれほど効果があるのかを計測する準備から始めてみてはいかがでしょうか？

“ PageSpeed Insights“
https://pagespeed.web.dev/

“ Webサイトの表示速度計測ツール5選“
https://bizee.jp/business-service/web-site-display-speed-measurement-tool-5-selection/

結局埋め込みは、リクエストに対してTwitter側からの返しに依存してしまうわけですから、↓このように、ツイッター風の見た目で対処するとかが現実的な解決策かもしれません。

“ 【一撃改善】ブログにTwitter埋め込むと遅い問題はツイッター風で解決！“
https://akio3594.com/archives/14422

↓こちらは少し古い記事になりますが、参考にしてみてください。

“ Twitterボタンの読み込みが遅い原因とその対策を公開“
https://affiliate-jpn.com/archives/5153

こちらも参考に！

「Twitter」「埋め込み」に関する質問と回答
https://okwave.jp/search?word=Twitter+%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF%E3%80%80

“ 【2021年最新版】WEBサイトの表示速度を改善するための施策とは｜測定方法も紹介“
https://kurokawaandco.jp/creative/website-design/display_speed-websites.html

良い方向に進みますように！

参考になれば幸いです。