つい先日、私はこんなツイートをした
\ (/´Д`)/Help me!! /
どなたか御教授下さい。ブログにインスタを貼ると重くなりますか?
私は5つとか貼ると重くて全然開きません。https://t.co/ZNaML5mmFg
インスタは多用しない方がいいのでしょうか?
インスタ多用しても重くならない方法とかありますか??— クワーク永瀬@年子キャンパー (@kwacuc) 2018年8月28日
そうなんです。
ブログにインスタは貼り付けると、ブログが全然開かない(汗)
とても重いんです。
せっかく書いたのにこれでは誰も見てくれない、開く前に離脱するという恐怖心があり、なぜ重くなるのかインスタについて調べまくりました。
そうしたら、あったんですよ!
解決の糸口を私は掴んだんです。
ブログにインスタを貼り付け、プレビューなり、後悔した記事を開いて、全然開かない、重すぎると思ったあなた、今すぐ書きの解決策を実施しましょう。
そして踊らかないで下さい。
あまりの改善後のブログが開く速さをw
Contents
ブログが重い理由、それは。。。
ブログが重い理由、それはインスタを貼り付けたから、ではありません。
インスタの貼り付け方がNGなんです。
あなたはインスタを貼り付ける際、どのように貼り付けていますか?
以下のように「リンクをコピー」して貼り付けていませんか?
(リンクとはURLのことで、URLを貼り付けていると重くなる)

これが遅くなる原因です。
正しい貼り付け方は「埋め込み」からインスタを貼り付けます。
いや、四の五の言わずに試して見て下さい。
▼埋め込みコードをコピー
(コードはプログラミング言語のような英字からできている文字です)
コピーしたらあとは自分のサイトに貼り付けて下さい。
簡単でしょ!!
Instagramをリンクではなく、コードで貼り付けとどのくらい変わるのか?
実験してみましょう。
どんな実験をするかというと、リンク貼りしているブログと、コード貼りしているブログを比較します。
これからの速度を計測しました。
計測には以下のツールを使用しています。
- Pagespeed Insights
Googleから提供されているツールの一つでサイトを100点満点で評価してくれます。
改善のためのポイントを数点挙げてもらえて、必要な箇所のみ、効率良く改善することが可能になります。
リンク貼りしたブログの速度結果を見てみよう!
リンク貼りしたブログはどうでしょうか。
・Pagespeed Insights
▼パソコンでの速度
▼モバイルの速度
まぁヒドイもんです。。。
無残な結果。。。
コード貼りしたブログの速度結果を見てみよう!
さぁ、待ちに待った改善後の速度結果です。
どのくらい改善されるのか!!
・Pagespeed Insights
▼パソコンでの速度
▼モバイルの速度
なんだこの変化は!?
リンクからコードに貼り方を変更しただけでこれだけの変化が!!!
恐らく数値より、実際に体験してもらった方がよくて、この改善具合は焦るレベルですよ!
コレ凄すぎ!!
改善前 | 改善後 | |
Pagespeed Insights パソコン | 26/100 | 79/100 |
Pagespeed Insights モバイル | 9/100 | 59/100 |
Instagramインスタを貼っても重くない喜び
どうですか!
これで心置きなくInstagramが貼れますよね。
Instagramは本当にいい写真が多くて、つい使いたくなりますよね。
これからは思う存分使えます!
これで私のブログもキレイになるよwww