Web Font Loader で Google Fonts を非同期で読み込みサイト速度を改善 - FirstLayout
はじめにデバイスを問わず、表示させたいフォントを表示できるのが Google Fonts です。また、豊富な種類を無料で利用できるのも嬉しいポイント。 さらに、2018 年 9 月 28 日より、それまでアーリーアクセス版だった日本語フォントが正式版として提供されました。 しかし、サイト表示が遅くなるデメリットがあります。遅くなる原因の 1 つが、レンダリングをブロックしてしまうこと。 そこで Web Font Loader を使い、非同期で読み込む方法をご紹介します。Web Font Loader を使えば、レンダリングをブロックせずに Google Fonts を利用できます。 尚、CSS の @import で Web フォントを読み込むのは、おすすめできません。サイト表示が遅くなります。 Web Font Loader とは？Web Font Loader は、Google と T
重要ではない CSS を link タグだけで非同期で読み込む方法 - FirstLayout
何もせずにスタイルシートを <link> で読み込む場合は、レンダリングをブロックしてしまいます。 また、rel="preload" を使えばレンダリングブロックは防げますが、他のリソースの読み込みからブラウザのリソースを奪うという代償が伴います。 そのため、可能な限り CSS のサイズを小さくし、<style> を使いインラインで CSS を読み込むのが一般的です。 ただ、どうしても CSS のサイズが大きくなる場合は、重要ではない CSS を非同期で読み込むといいかもしれません。<link> に 2 つの属性を付けるだけでスタイルシートを非同期で読み込めます。 <link rel="stylesheet" href="スタイルシートのパス" media="print" onload="this.media='all'" /> <link> に media="print" と onloa
WordPressのセキュリティ 制作者向け基本ガイド - Qiita
はじめに 過去にWordPressの脆弱性に関するケーススタディをご紹介しました。 Webアプリケーションの脆弱性ケーススタディ（WordPress編） Webアプリケーションの脆弱性ケーススタディ（WordPress編その２） 今回はWordPressのセキュリティ対策を行う上で大切な基本事項をまとめてみたいと思います（本記事はWordPress 4.9.4をもとに書いております。古いバージョンと異なる部分があるかもしれませんので予めご了承ください）。 WordPress本体およびプラグインやテーマのアップデートを行う WordPress3.7以降では初期状態でマイナーバージョンの自動アップデートが有効になっています（1日に2回WP-Cronイベントで更新チェックが行われます）。つまり、バグフィックスやセキュリティパッチなどは自動的に適用されているわけですが、WordPressサポートチ
カスタムタクソノミーのチェックボックスによる絞り込み検索を実装する方法 | TechMemo
カスタムタクソノミーのチェックボックスによる絞り込み検索を実装する方法をご紹介いたします。 WordPressでの絞り込み検索といえば、有料プラグインの「FE Advanced Search」が有名です。FE Advanced Searchを導入すれば、簡単に絞り込み検索が実装できるかと思いますが、お値段59,800円とそこそこの費用がかかってしまうんですよね。 実際に自分で実装してみたところそこまで難しくはなかったので、有料プラグインを購入せずに絞り込み検索を実装したいという方向けに、カスタムタクソノミーのチェックボックスによる絞り込み検索の実装方法を解説したいと思います。 カスタムタクソノミーのチェックボックスによる絞り込み検索を実装する方法 絞り込み検索フォーム フォーム部分は、以下のように記述します。 <form method="get" id="search-form" acti
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
