[WordPress] 画像の遅延読込でレスポンス速度を改善させる(Lazy Load)
HTML に記載された画像(IMGタグ)は画面スクロールで実際には見えていない画像まで実際には読み込まれています。これを画面に表示される直前に読み込む(画像の遅延読込)ようにすれば、サーバーへのアクセス数や通信量、画面を表示させるまでの処理時間の短縮が期待できるというわけです。
【当ブログではアフィリエイト広告を利用しています】
HTML に記載された画像(IMGタグ)は画面スクロールで実際には見えていない画像まで実際には読み込まれています。これを画面に表示される直前に読み込む(画像の遅延読込)ようにすれば、サーバーへのアクセス数や通信量、画面を表示させるまでの処理時間の短縮が期待できるというわけです。
外部からRSSウィジェット等で自分のサイトのフィードを読み込ませると気付きますよね。新しい記事を公開してもなかなか反映されません。
前回「Photon」の利用方法をお伝えしました。実は投稿などに記載した部分は「Photon」で画像の URL が書き換わりますがウィジェットで表示している画像は適用されません。
CDN(Contents Delivery Network)「コンテンツデリバリネットワーク」とは、Webコンテンツを円滑に配信するための仕組みです。ひと昔前は商用利用がほとんどでオンラインゲームやショッピングモールなどので使われていました。
これは皆さん良く思っていることではないでしょうか。jetpack をインストールすると出てくる「人気の投稿とページ (Jetpack)」のウィジェットです。
WordPress のウィジェット(Widget)には標準でカテゴリーリンクを表示させるウィジェットがあります。今回はこれをカスタマイズしてみます。
画像加工が苦手な人でも簡単に作れます。
Twitter や YouTube のURLを埋め込む方法は記載する場所によっていくつか種類があります。 投稿などでビジュアルモードでURLを貼り付けるとWordPressが自動で埋め込んでくれます。
お使いのワードプレスのテーマによっては「the_excerpt()」自体がデザインと合わなかったり、トップページのような一覧性を高めるために「the_excerpt()」を使わない人もいると思います。※the_excerpt():抜粋表示で、the_content():全文表示です。
Jetpack プラグインでは投稿で使われた画像が OGP 画像として登録されます。しかし、以下の2つケースではwordpress.com のデフォルト画像(http://wordpress.com/i/blank.jpg)がセットされてしまうのです。
Jetpack の OGP 出力とバッティングして、Jetpack のOGP出力を抑制する方法は見かけるのですが、逆の「All in One SEO Pack」のOGP出力を抑制する方法が簡単に見つからなかったので載せておきます。昔から使っていると画面が変わってしまったり、手順を忘れたりしちゃいますよね。
このブログをリニューアルした記念に対応してみました。個別にウィジェットカレンダーを作るプラグインや、休日計算をJavaScriptで行うタイプなど、いくつか種類があるようですね。
WAF(ウェブアプリケーションファイアウォール)は不正アクセスによるサイトの改ざんや情報漏洩を防ぐ機能です。(標準は有効の状態です)
WordPressのテーマ編集などで「$wpdb」を使ったSQLクエリーを発行しようとするプログラムコードを保存しようと403エラーが発生します。