Webサイトの表示速度を向上させるためには、いくつか方法がありますが、まずは画像のサイズを最適化することが効果的です。
その場合は下記のような画像圧縮Webツールを利用することをおすすめします。
メリットとしては、Photoshopなどのソフトウェアを起動させることなく素早く、手軽に目的を達成できるからです。
bulkresizephotos
こちらはもはや必需品です。
一括で大量の画像をリサイズできます。
画像のサイズや品質などを細かく設定することが可能で、しかもかなり高速で圧縮してくれます。
Imagecompressor
こちらは、jpegだけでなくpngやgifも圧縮可能です。
Iloveimg
オンラインで画像を無料で切り抜き
JPG、PNG、GIF画像を自由に切り抜き。オンラインで画像を無料で簡単に切り抜けます!
https://www.iloveimg.com/ja/crop-image
こちらは、トリミングが可能です。
jakearchibald
こちらはsvgの圧縮が可能です。マークアップも確認できるので、どのくらいの容量があるのかひと目でわかります。
まとめ
Webサイトをより高速に表示させることは、UX的にもSEO的にも非常に重要です。
せっかくハイスペックなサーバーでコードを軽量化しても、画像が足を引っ張っては勿体ない限りです。
上記のようなツールを利用し、よりサイトを高速化することをおすすめします。
植物
アガベ ビクトリア レジーナ 笹の雪 Agave victoriae-reginae ‘Sasanoyuki’
1. 基本情報1.1. 学名1.2. 和名1.3. 科名1.4. 属名1.5. 種名1.6. 原産国1.7. 自生地1.8. 形態1.9. 成木1.10. 耐寒性1.11. 耐暑性1.12. 日照1....
続きを見る植物
Astrophytum asterias アストロフィツム 兜丸
根強い愛好家が最も多いサボテンのひとつです。 アストロフィツム兜丸は特に品種が多く交配も実生もしやすいことから人気が高いです。 棘がないのも人気のひとつと考えています。 また、園芸品としても、錦やVア...
続きを見るWeb Wordpress コード プラグインなし
プラグインなし!簡単コピペ。WordPress にサイト名のショートコードを追加する方法。
サイトを複数制作する際にサイト名を書き換えるのは非常に手間です。 これを未然に防ぐ方法としてショートコードでサイト名を呼び出すシステムを組んでおくことをおすすめします。 「functions.php」...
続きを見るスポンサー
Frecer(フリッカー)スポンサー募集開始しました!
この度、Frecer(フリッカー)スポンサーの募集を開始させていただきました。 スポンサー 様々なプランや特典をご用意させていただいております。 ご支援いただきました資金は、数あるプロジェクトの実現の...
続きを見るWeb Woocommerce Wordpress プラグイン
WordPress PWA(Progressive Web App)ベストプラグイン!
WordPress用の適切なPWAプラグインは、サイトと顧客の体験にメリットをもたらします。そこで、この記事ではWordPressに最適なPWAプラグインを紹介します。 1. 1.Best PWA P...
続きを見るWeb Wordpress コード スピード プラグインなし
プラグインなし!シンタックスハイライトPrism.jsの使い方|WordPress
今回はWordPressに、プラグインを使わずにシンタックスハイライトを実装する方法をご紹介します。 Webサイトやブログサイトなどにソースコードを表示させる場合に、シンタックスハイライトを使うことが...
3 コメント
続きを見る健康
長生きする方法
1. 喫煙しない2. 適度な運動3. 栄養バランスの良い食事4. 健康的な体重の維持5. 良質な睡眠6. ストレスをためないようにする7. まとめ 喫煙しない 長生きするための最善の方法はいくつかあり...
続きを見るWeb Wordpress コード スピード プラグインなし
プラグインなし!目次を実装する方法。|WordPress
WordPressで、プラグインを使わずに目次を実装する方法をご紹介します。 JQueryを使わない方法で、本サイトでも導入している実装方法になります。 時間もかからず工数も少ないので、宜しければご参...
続きを見るWeb コード スピード プラグインなし
Googleアドセンス(Google Adsense)広告を遅延読み込み(LazyLoad)して表示速度を高速化する方法。
Googleアドセンスの読み込みはページ表示速度を著しく低下させます。 以下方法で問題解決の期待値が向上しますので是非お試しください。 1. Google AdsenseコードのScriptタグを削除...
続きを見るWeb コード プラグインなし
長いリンク(URL)がはみ出すときのCSS。スマホでも対策OK!
スマートフォンで見ると、長いリンクが横にはみ出している場合があります。そんなときは下記スタイルで対処できます。 a{word-break: break-all;}
続きを見る