\ (/´Д`)/Help me!! /
どなたか御教授下さい。ブログにインスタを貼ると重くなりますか？
私は5つとか貼ると重くて全然開きません。https://t.co/ZNaML5mmFg
インスタは多用しない方がいいのでしょうか？
インスタ多用しても重くならない方法とかありますか？？— クワーク永瀬@年子キャンパー (@kwacuc) 2018年8月28日
そうなんです。
ブログにインスタは貼り付けると、ブログが全然開かない（汗）
とても重いんです。
せっかく書いたのにこれでは誰も見てくれない、開く前に離脱するという恐怖心があり、なぜ重くなるのかインスタについて調べまくりました。
そうしたら、あったんですよ！
解決の糸口を私は掴んだんです。
ブログにインスタを貼り付け、プレビューなり、後悔した記事を開いて、全然開かない、重すぎると思ったあなた、今すぐ書きの解決策を実施しましょう。
そして踊らかないで下さい。
あまりの改善後のブログが開く速さをｗ
Contents
ブログが重い理由、それは。。。
ブログが重い理由、それはインスタを貼り付けたから、ではありません。
インスタの貼り付け方がNGなんです。
あなたはインスタを貼り付ける際、どのように貼り付けていますか？
以下のように「リンクをコピー」して貼り付けていませんか？
（リンクとはURLのことで、URLを貼り付けていると重くなる）
これが遅くなる原因です。
正しい貼り付け方は「埋め込み」からインスタを貼り付けます。
いや、四の五の言わずに試して見て下さい。
▼埋め込み
▼埋め込みコードをコピー
（コードはプログラミング言語のような英字からできている文字です）
▼コピーが完了すると→コピーされました、に変わる
コピーしたらあとは自分のサイトに貼り付けて下さい。
簡単でしょ！！
Instagramをリンクではなく、コードで貼り付けとどのくらい変わるのか？
実験してみましょう。
どんな実験をするかというと、リンク貼りしているブログと、コード貼りしているブログを比較します。
▼こちらがリンク貼りしたインスタ10件のブログ
▼こちらがコード貼りしたインスタ10件のブログ
これからの速度を計測しました。
計測には以下のツールを使用しています。
- Pagespeed Insights
Googleから提供されているツールの一つでサイトを100点満点で評価してくれます。
改善のためのポイントを数点挙げてもらえて、必要な箇所のみ、効率良く改善することが可能になります。
リンク貼りしたブログの速度結果を見てみよう！
リンク貼りしたブログはどうでしょうか。
・Pagespeed Insights
▼パソコンでの速度
▼モバイルの速度
まぁヒドイもんです。。。
無残な結果。。。
コード貼りしたブログの速度結果を見てみよう！
さぁ、待ちに待った改善後の速度結果です。
どのくらい改善されるのか！！
・Pagespeed Insights
▼パソコンでの速度
▼モバイルの速度
なんだこの変化は！？
リンクからコードに貼り方を変更しただけでこれだけの変化が！！！
恐らく数値より、実際に体験してもらった方がよくて、この改善具合は焦るレベルですよ！
コレ凄すぎ！！
| 改善前 | 改善後 | |
| Pagespeed Insights パソコン | 26/100 | 79/100 |
| Pagespeed Insights モバイル | 9/100 | 59/100 |
Instagramインスタを貼っても重くない喜び
どうですか！
これで心置きなくInstagramが貼れますよね。
Instagramは本当にいい写真が多くて、つい使いたくなりますよね。
これからは思う存分使えます！
これで私のブログもキレイになるよｗｗｗ
