これまではJavaScriptを用いて実装するしかありませんでしたが、ついにimgやiframe要素であればloading="lazy"を付与するだけで、簡単に実装できます。 <!-- 画像に適用する場合 --> <img src="pic.png" alt="画像の詳細" loading="lazy"> <!-- iframeに適用する場合 --> <iframe src="external.html" loading="lazy"></iframe>画面外では読み込みが発生しないので、必要になった時（画面内に要素が入りそうになった時）に読み込みが発生するのでパフォーマンスが向上します。 また画像についてはsrcsetを用いたレスポンシブな画像に対しても指定できますし、picture要素を用いてfallback形式でも記述できます。 <img src="normal.png" srcse
WordPressのローカル環境を構築するといえば、XAMPPやInstant WordPressを利用している人が多いと思いますが、これらより簡単に、そして一度のインストールで複数の環境を構築でき、PHPなどのバージョンも簡単に変更することができる高性能な無料ツールを紹介します。 サーバーの知識がない人でも簡単に利用でき、あっという間にWordPressのローカル環境が構築できます。 UIも洗練されて使いやすく、かなりオススメです！ ローカルに、WordPressの制作環境を簡単に構築できます。 WordPressの制作環境は、複数構築できます。 サーバーの知識がない人でも、4クリックするだけでOK。 WordPress日本語版にも対応。 ローカルSSLサポート。 SSH/WP-CLIアクセス。 共有可能なURLを作成して、クライアントに見せることも可能。 柔軟な環境オプション。 PHP
CentOS 7の標準環境だけですぐできる、WordPress「5.4倍高速化」テクニック 前編：とにかく速いWordPress（3）（1/3 ページ） 企業のCMSサイトやオウンドメディアなどエンタープライズ用途での利用が増えている「WordPress」の高速化について解説する連載。今回は、CentOS 7の標準環境でWordPressを「5.4倍まで高速化」するテクニックを解説します。 連載バックナンバー 前回は、Amazon Web Services（以下、AWS）の仮想クラウドサーバ「Amazon Elastic Compute Cloud（Amazon EC2）」上のCentOS 7にインストールしたWordPressを題材に、PHPアクセラレータである「APC（Alternative PHP Cache）」を導入し、「2.5倍高速化」するテクニックを紹介しました。 今回はその続
BootstrapやFoundationなど人気のフレームワーク、CSSの各フレームワークの比較、WordPressのテーマ作成やコピペで利用できるコード集、Gitのコマンドやフロー、iOS/Androidのグラフィックガイドライン、ChromeのデベロッパーツールやSublimeTextやEmmetなど、Web制作に役立つ便利なチートシートを紹介します。 紹介している主なチートシート Bootstrap 3, Foundation 5のチーシート CSSの各フレームワークの比較 WordPressのチートシート iOS, Androidのデザイン用のチートシート jQueryのチートシート HTML5, CSS3のチートシート ファビコンのチートシート 検索エンジン最適化2015年版のチートシート Chromeのデベロッパーツールのチートシート SublimeText, Emmetのチー
引きつける文章、伝わる文章が作成できる無料ツールを集めました！ サイトやブログ、プレスリリースなど、ビジネス上では文章を書く機会がたくさんあります。今日は、ライティングに苦手意識のある方でも、簡単に良い文章を作成することができるツールをご紹介します。すべて無料で、会員登録やインストールも不要です。ぜひ気軽に使ってみてください。 ［目次］ ■1）誤字脱字、タイプミスを正して読みやすく ■2）やさしい単語を使って伝わりやすく ■3）表現を豊かにして魅力的に ■4）忘れてはいけない最後の微調整 ■5）文章のたたき台を作るのにおすすめ ■1）誤字脱字、タイプミスを正して読みやすく 良い文章の基本は、誤りがないことです。まずは、誤字脱字やタイプミスがないかを確認しましょう。 【1】誤字脱字、変換ミスのエラーをチェックできる 「Enno」 日本語のあからさまなエラー (タイプミス、スペースのエラー、誤
Webサイトやブログをお持ちの方や担当者の方は、アクセスアップのために日頃奮闘している方が多いと思います。 アクセスを集めるための施策を何も行わなければ、いくらコンテンツを更新しても砂漠の中にあるお城と同じ状態で、誰にも気づいてもらう事ができません。 そこで今回は、Webサイトやブログへのアクセスをアップさせる際に参考となる31のノウハウをご紹介します。 おすすめ無料で使える！Webマーケティングツール＆サービス【厳選39選】 1.簡単に実行できる35個のGrowth Hack施策 グロースハックは簡単な施策でも多くの事が実施可能。「Call to Action周りにソーシャルな圧力」や「登録をSNSアカウント認証」など、すぐに実施できる35個の施策。 2.他サイトを丸裸にする32のグロースハックツール集 「競合サイトの情報が見れたらな」を可能にするグロースハックツールのまとめ。海外ツール
検索サイトからのアクセスを増やすには、最低限の検索エンジン最適化（SEO）が必要です。 SEO ノウハウはネット上にたくさんありますが、まずは Google が公開している「検索エンジン最適化（SEO）スターター ガイド 」で基本的な部分を勉強するのがおすすめ。 でも、SEO スターターガイドは一般的なすべてのサイトを対象としており、WordPress ブログでは改めて対策しなくてもよい部分もいくつかあります。 そこで本記事では、SEO スターターガイドのなかで WordPress でブログを運営している初心者が対応しておくべき点のみをピックアップして解説しています。推奨項目を満たしているか、確認してみてください。 「WordPress は SEO に強い」と言われる理由とその真相 WordPress ブログで優先して対応すべき 9 項目 SEO 対策として優先して取り組むべき項目は以下
WordPressで新規サイトを作成したとき、すぐにインストールしておきたいプラグインを一覧にしてまとめておきます。 ※この一覧は一例で、使用するプラグインは個人やサイト内容によって異なります。 Bulk Plugin Installation プラグインをまとめてインストールするためのプラグイン。ワードプレスをインストールしたら、まずこのプラグインを導入しておけば、あとは一括でインストールできる。 →プラグイン一覧テキスト AddQuicktag WordPressの投稿画面で、htmlタグや定型文などを登録してワンタッチで使用することが出来る。これが無いと作業効率が大幅に下がってしまうほど必須のプラグイン。 Akismet ワードプレスにデフォルトでインストールされているスパム対策プラグイン。デフォルトで入っているけど、有効化するには設定が必要なので放置している人も多い。できるだけ早め
本サイトで使用してるWordPressにはRSS フィードの配信機能が標準で搭載されています。以前の記事でも紹介したとおり、RSSフィードは最新情報をチェックするのにとても便利な機能です。 しかしRSSフィードは読者にとって便利な反面、投稿者にとって不都合な事が起きてきます。 それは、本サイトへのアクセス数が低減することです。 読者はRSSフィードで配信されているの抜粋記事のみで自分の興味のある記事であるかどうか判断するため、興味の無い記事に関してはソース元のページを参照する事がなくなってしまいます。大抵、投稿者が収益を得るための広告はソース元のページにしか記載されていません。 この投稿者の不利益となる問題を解決するためにGoogle AdSenseではRSSフィードに対して広告を記載するサービスを公開しています。 本記事では、実際にWordPressのRSSフィードに対して広告記載を行う
2016年6月8日 Webサイト制作, Wordpress WordPressのプラグインってすごいですよね。少しカスタマイズするだけで思い通りの機能のついたWebサイトを作ることができます。今回は「えっ、こんなことまでできちゃうの？」と思わせてくれるような高性能プラグインをいくつか紹介します。WordPress 3.0から追加されたマルチサイト機能を使えばWebサービスとして運営することもできそうなもの多め。どんな風に使おうかわくわくしちゃいますよ！ ↑私が10年以上利用している会計ソフト！ 1. SNS BuddyPress WordPressをSNSとして運営することができるプラグイン、BuddyPress。過去記事「WordPressプラグイン「BuddyPress」でSNSサイトを作成」で詳しく紹介しています。
今日はさくらVPSに載せているWordPressのパフォーマンスをチューニングして高速化に成功したので安心して眠れるという話をします。 2.5ページ/秒だったのが70ページ/秒と30倍高速化。 以前はDaily数千PVで重くなっていたサイトがDaily3.6万PVを余裕で捌けるようになりました。 #ちなみにproxy cacheという手法はwordpressでなくても動的コンテンツ全般に有効です。 ▼サーバ気にしなくて良くなったので今週末新宿御苑に花見に行けました☆。枝ぶりがいいさくらが多くてほんといいところだと思うの。 WordPressチューニング高速化結果http://hara19.jp/のサーバ環境と測定結果は以下のとおり。 WordPress稼働環境さくらVPS 1GB/CentOS5.5/PHP5.3/MySQL5.5/WordPress3.1。 WEBサーバはチューニングにあ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く