にほんブログ村
WordPressの画像をプラグインなしで高速で読み込むLoad WordPress images fast without plugins
- cqtc00h
- 2023年1月7日
- 読了時間: 2分
更新日：2024年12月30日
私は、時々、ページスピードをチェックします。そのとき思うのが、WordPress.comのプレミアムプランは、非常に良い選択だと思います。
あまり、色んなことをしなくても、結構、ページスピードが、速いです。
それに、サポートもありますので、本当にお得なプランだと、感じています。
あまり分からない人が、プラグインをインストールしたサイトは、このプレミアムプランより、速度が遅いです。
ですから、WordPress.comのプレミアムプランは、非常に総合的に良いプランです。だから、私は、もっと、このWordPress.comのプレミアムプランの良さを知っていただきたいです。
今回は、画像を読み込むのを遅くして、先に、文字だけを表示させて、ページスピードを上げる方法です。
画像遅延とも、言われます。これをプラグイン「Code Snippets」を使って、いきます。
基本は、<head>の部分に挿入します。
このコードも、<head><script>…..code…..</script></head>のcodeのところに書きます。
ここを参考にしています。
このページのコード
<!– Let’s load this in-vewport image normally –>
から始まるコードをコピーアンドペーストで、プラグイン「Code Snippets」のコンテンツのHTMLのところに貼ってください。
これで、画像の読み込みスピードが上がります。
次回に続きますので、このシリーズを興味ある方は、ご覧になってください。
I check the page speed from time to time. When I do that, I think that the WordPress.com premium plan is a very good choice.
The page speed is quite fast even without doing too many things.
Plus, there is support, so I feel that it is a really good plan.
Sites where people who don't know much installed plugins are slower than this premium plan.
So, the WordPress.com premium plan is a very good plan overall. That's why I want more people to know about the good points of this WordPress.com premium plan.
This time, I will show you how to increase page speed by slowing down image loading and displaying only text first.
It is also called image delay. We will do this using the plugin "Code Snippets".
Basically, insert it in the <head> section.
This code is also written in the code section of <head><script>…..code…..</script></head>.
I've written about speeding up Java Script before, so I'll skip that here.
Speeding up photos
I used this as a reference.
The code on this page
Copy and paste the code that starts with <!– Let's load this in-vewport image normally –>
into the HTML of the content of the "Code Snippets" plugin.
This will increase the loading speed of images.
I'll continue this in the next post, so if you're interested in this series, check it out.
Comments