ホーム / 消す方法 /

記事ページ下段の関連画像を削除してページの読み込みスピードを上げる【Bloggerブログsimplify2】

simplify2 サムネイル 画像 記事ページ 消す方法

投稿2019年4月7日 更新

simplify2では、記事ページ下段に関連記事の画像が６つ表示されますが、画像を読み込むのに時間がかかり、なかなかページが開かないという症状があったので試しに画像を削除してみたところ、PageSpeed Insightsの点数が5点上昇しました。

googleが提供しているPageSpeed Insightsを使うと、ウェブページ（ブログ）の読み込み速度を１００点満点で評価してくれると同時に、改善点を指摘してくれるのでとても便利ですね。


変更前
変更後





変更箇所



削除したのは記事ページの下段にある以下の画像のところです。



削除した記述


html


<div class='relhead'>
  <h4><span>関連記事</span></h4>
<div class='clear'/>
          <b:loop values='data:post.labels' var='label'>
               <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;amp;callback=relpostimgcuplik&amp;amp;max-results=50&quot;' type='text/javascript'/>
          </b:loop>
          <ul id='related-summary'>
               <script type='text/javascript'>artikelterkait();</script>
          </ul>
     </div>


CSS　

ul#related-summary li img{background-color:#f1f1f1;width:100%;height:auto;max-width:100%;margin:0 auto;vertical-align:middle;}


jquery


//Related Post Thumb
$(&quot;ul#related-summary li img&quot;).each(function(){$(this).attr(&quot;src&quot;,$(this).attr(&quot;src&quot;).replace(/\/s[0-9]+(\-c)?\//,&quot;/w200-h140-c/&quot;))});

QooQ