貴方のブログ画像は重すぎない?30秒でそのページのデータ量を確認する方法を紹介します!2019-03-17貴方のブログ画像は重すぎない?30秒でそのページのデータ量を確認する方法を紹介します!ブログ生活しょこら@(@syokora11_kabu)です。前々から「自分のブログの読み込みが遅い」ことを密かに気にしていた私。その中で、大きな比重を占めているものが画像。私に限らず、画像を多く使っている方にとっては、自分のブログがいったいどのくらいの容量を読み込ませているか、またそれが他のサイトと比べて多いのか少ないのか、気になるところではないでしょうか。Google様によると、そのページの画像(images)のサイズが650KB以下だとp50(全体の上位50%:ちょうど真ん中)で、180KB以下だとp25(上位25%)となるらしいです。少なくとも平均値の50%よりは上にいたいところ・・・つまり650KBよりも極力少なく抑えるというのが目指すべきデータ量ということになります。できれば180KB以下が理想かなぁ。2019しかし、このGoogle様のエンジニアは結構プリティやな果たして自分のブログ記事の画像サイズがどれくらいになっているのか?チェックするやり方は僅か3ステップ!とても簡単ですのでここで紹介します。使うサイトWebPageTestというサイトを使います。テスト結果を待ちます。Breakdown」のタブをクリックします。3グラフと共に、それぞれの項目の値が出ます。imageの項目が画像データで、Bytesのところがそのページで読み込んでいる容量を示しています。この例の場合は、535KBということになります。私は当面、記事をアップする度にこのサイトで確認する癖をつけようと思います。画像の圧縮も、Google様ご指定アプリでもし画像を圧縮したい場合、これまたGoogle様が提供している『Squoosh』というウェブアプリが、使いやすくてかなりおススメです。なんといってもGoogle様のお墨付きだからね!私が愛用しているフリー画像サイトとして「ぱくたそ」や「写真AC」があります。いった画像サイトからサムネ用の最小サイズでダウンロードした場合でも、画像によっては200~300KBを超えるものがあり、そのまま使うのはよろしくありません。細かい文字などを読ませるのでなければ、予めこういったアプリで圧縮させて、1枚100KB以下に収めるのが望ましいです。この『Squoosh』を使えば、簡単に二桁KBにダウンサイズできます。Scriptにあることが明らかになりました。どのページも1MB超え。これは冒頭の指標でいうと下位10%という体たらく。はてなブログは重いことで知られていますが、私のサイトはそれに輪を掛けてコピペコピペでいろいろな装飾を施しているので、サーバー間の通信などでかなりの負担を掛けているようなのです。́;ω;`)ブワッ引き続き、勉強の毎日です。はてなブログPro高配当株・マイル・シロッコ・お肉・茜さやが好物。IPO新規公開株式当選へ全資金投入!Betmobで効率よく情報収集☆はてなブログをはじめよう!syokora11さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。