Webサイトの表示速度を向上させるためには、いくつか方法がありますが、まずは画像のサイズを最適化することが効果的です。
その場合は下記のような画像圧縮Webツールを利用することをおすすめします。
メリットとしては、Photoshopなどのソフトウェアを起動させることなく素早く、手軽に目的を達成できるからです。
bulkresizephotos
こちらはもはや必需品です。
一括で大量の画像をリサイズできます。
画像のサイズや品質などを細かく設定することが可能で、しかもかなり高速で圧縮してくれます。
Imagecompressor
こちらは、jpegだけでなくpngやgifも圧縮可能です。
Iloveimg
オンラインで画像を無料で切り抜き
JPG、PNG、GIF画像を自由に切り抜き。オンラインで画像を無料で簡単に切り抜けます!
https://www.iloveimg.com/ja/crop-image
こちらは、トリミングが可能です。
jakearchibald
こちらはsvgの圧縮が可能です。マークアップも確認できるので、どのくらいの容量があるのかひと目でわかります。
まとめ
Webサイトをより高速に表示させることは、UX的にもSEO的にも非常に重要です。
せっかくハイスペックなサーバーでコードを軽量化しても、画像が足を引っ張っては勿体ない限りです。
上記のようなツールを利用し、よりサイトを高速化することをおすすめします。
Web Wordpress スピード
WordPressでページ速度を最適化する方法。WordPress
Webページが最初の2秒以内に読み込まれないと、モバイルユーザーの55%がそのWebページを離脱してしまいます。 さらに、オンラインストアでは消費者の約70%がページ表示の速度が商品を購入するための意...
続きを見る植物
Copiapoa cinerea var. cinerea コピアポア シネレア 黒王丸
黒王丸 コピアポア・シネレア Copiapoa cinerea は、「白サボテン」と呼ばれ日本で最も人気の高いサボテンと言っても過言ではありません。 肌が特に白く、真っ黒のトゲの個体は高値で取引されて...
続きを見るWeb Wordpress コード プラグインなし
プラグインなし!簡単コピペ。WordPress にサイト名のショートコードを追加する方法。
サイトを複数制作する際にサイト名を書き換えるのは非常に手間です。 これを未然に防ぐ方法としてショートコードでサイト名を呼び出すシステムを組んでおくことをおすすめします。 「functions.php」...
続きを見る植物
Obregonia denegrii オブレゴニア デニグリー 帝冠
1属1種のサボテンでその姿は「帝冠」と呼ばれるほど威厳と品格を持ち合わせます。 非常に珍しいサボテンで、美しいロゼット状の姿が美しいこともあり人気のサボテンのひとつです。 1. 生息地2. 特徴3. ...
続きを見るWeb コード プラグインなし
長いリンク(URL)がはみ出すときのCSS。スマホでも対策OK!
スマートフォンで見ると、長いリンクが横にはみ出している場合があります。そんなときは下記スタイルで対処できます。 a{word-break: break-all;}
続きを見るCDN Web スピード セキュリティ
CloudflareでCDN配信してもAdSense収益が減ることはない?各種設定方法。
1. Adsenseの影響について2. 原因は個々のIPがCloudflareを通すことで区別がつかなくなっていること(Cloudflareを通すと全て同じIPになる)3. Nginxで個別のIPを区...
続きを見る健康
長生きする方法
1. 喫煙しない2. 適度な運動3. 栄養バランスの良い食事4. 健康的な体重の維持5. 良質な睡眠6. ストレスをためないようにする7. まとめ 喫煙しない 長生きするための最善の方法はいくつかあり...
続きを見る環境問題 移住
日本沈没は本当!?東京、千葉、埼玉、茨城はほとんど沈没(千葉は島化)。札幌、仙台、名古屋、大阪、沖縄等も沈没予想。温暖化・沸騰化で南極の氷(淡水)が溶ける。早めの移住と首都移動を。
今世界は「温暖化」を通り越し「沸騰化」に突入しています。 淡水である南極の氷が解け切った場合、海面が約60m(大体20階建てくらいのビルの高さ)上昇すると言われており、シミュレーションしてみたところ関...
続きを見るWeb YouTube コード プラグインなし
CSSでYouTubeの埋め込みを比率維持したままレスポンシブ対応させる方法。
YouTubeの埋め込みを比率維持したままレスポンシブ対応させる方法をご紹介します。 1. 手順1:divタグ追加2. 手順2:css追加3. 完成 手順1:divタグ追加 iframeタグを囲うよう...
続きを見るWeb コード スピード プラグインなし
Googleアドセンス(Google Adsense)広告を遅延読み込み(LazyLoad)して表示速度を高速化する方法。
Googleアドセンスの読み込みはページ表示速度を著しく低下させます。 以下方法で問題解決の期待値が向上しますので是非お試しください。 1. Google AdsenseコードのScriptタグを削除...
続きを見る