現在「SILK」スキンを適用中です。

Twitterの埋め込みでPageSpeed Insightsスコアーが異常に悪くなる | 不具合報告 | Cocoon フォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

また、問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な返信があった場合は「いいね!」リンクもご活用ください。返信者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
Twitterの埋め込みでPageSp...
 
共有:
通知
すべてクリア

[解決済] Twitterの埋め込みでPageSpeed Insightsスコアーが異常に悪くなる  


AK
 AK
(@AK)
ゲスト
結合: 4週間前
投稿: 12
Topic starter  

----------------------------------------------
サイト名:AKバイク【原付特化】
サイトURL: https://50-125.scooter.akio3594.com
ホームURL: https://50-125.scooter.akio3594.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/skin-modernblack/style.css
WordPressバージョン:5.6
PHPバージョン:7.4.4
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.2.5.4
カテゴリ数:4
タグ数:0
ユーザー数:2
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:1751バイト
functions.phpサイズ:2315バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:5
Auto Post Thumbnail:0
Retina:1
ホームイメージ:
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:1
WEBフォントLazy Load:1
----------------------------------------------
利用中のプラグイン:
----------------------------------------------

問題のあるURL

https://50-125.scooter.akio3594.com/

 

お世話になっております。

質問の件なのですが、Twitterを記事に埋め込むとページスコアーが異常に低くなります。

現在メインで運営しているブログ、サブドメインで運営しているブログの2つあり、テーマは両方ともcocoonを使用させていただいています。

※cocoon標準の高速化設定や、プラグインの設定はサーバーの設定は同じです。

以下ページ速度の比較。

メインで運営しているブログ(独自ドメイン)

※トップページ

・モバイル60点
・パソコン90点ほど
 
サブドメインで運営しているブログ
※トップページ

・モバイル27点
・パソコン43点
 
ちなみに、高速化設定やプラグインを全て無効化しても、サブドメインブログはスコアーにほぼ変化がありませんでした。
 
 
スコアー改善のためにやったこととしては
・「テキスト圧縮の有効化」をhtaccessで編集。
・footer.phpでTwitterの読み込みを遅延
・cocoon設定の高速化に全てチェック
・画像圧縮系プラグイン(パンダ)を有効化、一括最適化
 
上記の対処をしましたが、あまり効果ありませんでした。

PageSpeed Insightsにて、以下のURLが記載されていいました。

 
URL /embed/embed.vendors~ondemand.Tweet.c58614d….js
(platform.twitter.com)
 
Twitter関連だと思い、
・Twiiterのasyncを削除し非同期読み込み
・Twitterのscriptタグの削除
 

上記を試しましたがスコアーは改善されず...

 
 
Twitterを埋め込むとスコアーが悪くなるのは承知ですが、ここまで大幅にスコアーを落とす原因になるのでしょうか?

何かの不具合でこうなっているのか気になり質問させていただきました。

 
 
最後にPageSpeed Insightsの画面画像を添付しています。

未解決
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11461
わいひら - Facebookわいひら - Twitter
 

Twitterを埋め込むとスコアーが悪くなるのは承知ですが、ここまで大幅にスコアーを落とす原因になるのでしょうか?

埋め込み用のスクリプトサイズは異常に重いので、その可能性は十分にあると思います。
不具合でそうなっているとはちょっと考えづらいです。

This post was modified 4週間前 by わいひら

AK
 AK
(@AK)
ゲスト
結合: 4週間前
投稿: 12
Topic starter  

わいひらさん返信ありがとうございます。

 

埋め込み用のスクリプトサイズは異常に重いので、その可能性は十分にあると思います。
不具合でそうなっているとはちょっと考えづらいです。

 

では、対策としてはTwitterの埋め込みを減らす以外はないのでしょうか?


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11461
わいひら - Facebookわいひら - Twitter
 

では、対策としてはTwitterの埋め込みを減らす以外はないのでしょうか?

埋め込みの数が一つだったとしても、Twitterのスクリプトを読み込まないと、Twitterが正常表示されないのでスクリプトが読み込まれる事に関しては同じかと思います。
スクリプトを読み込ませないと、表示は速くなりますが、それだとツイート自体が正常表示されないので、意味はなくなります。

なのでTwitterの埋め込みを表示したいのであれば、しょうがない仕様と思うしかないと思います。
「埋め込みを利用しないで表情を速くする」か「遅くはなるけどツイートの埋め込み表示をする」のトレードオフかと思います。


AK
 AK
(@AK)
ゲスト
結合: 4週間前
投稿: 12
Topic starter  

返信ありがとうございます。

なるほど、Twitterを埋め込むと遅くなるのはやはり仕方ないのですね。

このことを踏まえて、いろいろと考えた結果、Twitter埋め込みではなくツイッタ風にすることでかなり高速化することができました。

参考URL: https://50-125.scooter.akio3594.com/

具体的なスコアーは以下。

・モバイル27点→モバイル77点
・パソコン43点→パソコン94点
 
ここまで改善できました。
 
私一人の力ではなく、アドバイスもらったり先輩方の記事を参考にしました。

cocoon利用者向けに、Twitter埋め込みが遅くなるのを改善した経緯を記事化しようと思うのですが、わいひらさん的には、こういった記事を書いても大丈夫でしょうか?
cocoonは素晴らしいテーマでお世話になっているので、そのことをお伝えした上で記事を書かせていただこうと思っています。
 
 


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11461
わいひら - Facebookわいひら - Twitter
 

このことを踏まえて、いろいろと考えた結果、Twitter埋め込みではなくツイッタ風にすることでかなり高速化することができました。

高速化を主眼に置く場合、今のところそれしか方法はないかもしれません。

cocoon利用者向けに、Twitter埋め込みが遅くなるのを改善した経緯を記事化しようと思うのですが、わいひらさん的には、こういった記事を書いても大丈夫でしょうか?

全然問題ないです。自由にしていただいて大丈夫です。
というよりむしろ、ユーザーさんのトラブルシューティング記事があると、検索から多くの方が解決方法を見つけられる確率が高くなり、僕がフォーラムで答える頻度も相対的に下がると思うので、大歓迎です。
ありがとうございます。


AK
 AK
(@AK)
ゲスト
結合: 4週間前
投稿: 12
Topic starter  

ありがとうございます😊

では、書かせていただきます。

また、記事が出来たらわいひらさんに報告しますね。


あれはんどろ
(@alejandro)
Eminent Memberサイト
結合: 2年前
投稿: 27
あれはんどろ - Twitter
 

Twitterのタイムラインや個別ツイートの埋め込みを改善する方法かと思い、読ませていただきました。タイムライン風のスタイルを適用させて表示することで解決に至ったようですが、気になったのが権利問題や、Twitter社とのサービス利用規約の部分です。

Twitter社が指定する埋め込み方法(API使ったりしたもの)じゃなくても大丈夫なのでしょうか?

最新の利用規約からは、判断しかねたので質問させていただきました。


わいひら
(@yhira)
メンバーサイト Admin
結合: 3年前
投稿: 11461
わいひら - Facebookわいひら - Twitter
 

引用方法は人それぞれなので、それは規約を読んでそれぞれで判断していただくしかないかもしれません。
これは引用の範囲内なのか、それともTwitter規約に反してしまうのかは、自信の判断になると思います。
僕はTwitterの関係者ではないので、正確なことはわかりません。
どうしてもという場合は、Twitterに問い合わせて判断を仰ぐのが確実かと思います。


あれはんどろ
(@alejandro)
Eminent Memberサイト
結合: 2年前
投稿: 27
あれはんどろ - Twitter
 

わいひらさん、ありがとうございます。

やはりそうですよね。判断できないことを無理にアレコレせず、今までどおりのTwitter社が提供する方法でツイートの引用もしくは転載をしていきます。


わいひら 件のいいね!
AK
 AK
(@AK)
ゲスト
結合: 4週間前
投稿: 12
Topic starter  

あれはんどろさんこんにちは!

確かに他人のツイートを引用するとなると、この方法では微妙ですね。

私は、あくまで自分のツイートのみTwitter風にしています。

参考になるかわからないですが、コメントさせていただきました。


わいひら 件のいいね!
共有:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:2年5ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2021/6/30まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:2年3ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:17年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:4年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:5年

Cocoon
タイトルとURLをコピーしました