【悲報】現金14万円入りの財布を盗まれた話はこちら
blog

ブログにInstagramを埋め込むと軽くなる!を実証した

クワーク
クワーク
ども。悩めるおじさんクワーク(@クワーク永瀬)です。
つい先日、私はこんなツイートをした


そうなんです。
ブログにインスタは貼り付けると、ブログが全然開かない(汗)
とても重いんです。

せっかく書いたのにこれでは誰も見てくれない、開く前に離脱するという恐怖心があり、なぜ重くなるのかインスタについて調べまくりました。

そうしたら、あったんですよ!
解決の糸口を私は掴んだんです。

ブログにインスタを貼り付け、プレビューなり、後悔した記事を開いて、全然開かない、重すぎると思ったあなた、今すぐ書きの解決策を実施しましょう。

そして踊らかないで下さい。
あまりの改善後のブログが開く速さをw

ブログが重い理由、それは。。。

ブログが重い理由、それはインスタを貼り付けたから、ではありません。
インスタの貼り付け方がNGなんです。

あなたはインスタを貼り付ける際、どのように貼り付けていますか?
以下のように「リンクをコピー」して貼り付けていませんか?
(リンクとはURLのことで、URLを貼り付けていると重くなる)

これが遅くなる原因です。

正しい貼り付け方は「埋め込み」からインスタを貼り付けます。
いや、四の五の言わずに試して見て下さい。

▼埋め込み

▼埋め込みコードをコピー
(コードはプログラミング言語のような英字からできている文字です)

▼コピーが完了すると→コピーされました、に変わる

コピーしたらあとは自分のサイトに貼り付けて下さい。
簡単でしょ!!

Instagramをリンクではなく、コードで貼り付けとどのくらい変わるのか?

実験してみましょう。
どんな実験をするかというと、リンク貼りしているブログと、コード貼りしているブログ比較します。

▼こちらがリンク貼りしたインスタ10件のブログ

▼こちらがコード貼りしたインスタ10件のブログ

これからの速度を計測しました。
計測には以下のツールを使用しています。

  • Pagespeed Insights
    Googleから提供されているツールの一つでサイトを100点満点で評価してくれます。
    改善のためのポイントを数点挙げてもらえて、必要な箇所のみ、効率良く改善することが可能になります。

リンク貼りしたブログの速度結果を見てみよう!

リンク貼りしたブログはどうでしょうか。

・Pagespeed Insights
▼パソコンでの速度
▼モバイルの速度

まぁヒドイもんです。。。
無残な結果。。。

コード貼りしたブログの速度結果を見てみよう!

さぁ、待ちに待った改善後の速度結果です。
どのくらい改善されるのか!!

・Pagespeed Insights
▼パソコンでの速度
▼モバイルの速度

なんだこの変化は!?
リンクからコードに貼り方を変更しただけでこれだけの変化が!!!

恐らく数値より、実際に体験してもらった方がよくて、この改善具合は焦るレベルですよ!
コレ凄すぎ!!

改善前改善後
Pagespeed Insights
パソコン
26/10079/100
Pagespeed Insights
モバイル
9/10059/100

Instagramインスタを貼っても重くない喜び

どうですか!
これで心置きなくInstagramが貼れますよね。

Instagramは本当にいい写真が多くて、つい使いたくなりますよね。
これからは思う存分使えます!

これで私のブログもキレイになるよwww

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA