タグ

wordpressとperformanceに関するnibushibuのブックマーク (15)

  • Insights from Google PageSpeed

    This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. Description Google Pagespeed Insights is a tool that empowers you to make decisions that increase the performance of your website. Recommendations from Google Pagespeed are based upon current in

    Insights from Google PageSpeed
  • WordPressでscript要素をまるっとサクッと非同期化する方法

    ちょっと久々にWordPressネタ。 今回はwp_head()関数とwp_footer()関数から出力されるscript要素を非同期( async )化しようじゃないかというお話です。 いわゆるレンダリングブロックの原因であるjavascriptの読み込みを遅延させて、体感速度を上げていきます。 code.close() Photo by ruiwen async 属性を使おう async属性をざっくり説明すると、script要素に指定することで実効タイミングを指定することができる論理属性です。 asyncを付与すると、利用可能になった時点でスクリプトを実行します。 <script async src="... 記述としては上の通り。 javascriptの実行時にレンダリングブロックせず、非同期で実行されます。 WordPress で async 属性を使う そんなasync属性をWo

    WordPressでscript要素をまるっとサクッと非同期化する方法
  • WordPress高速化|1秒前半で表示させるための8つ+3つの方法を解説

    WordPressの数少ない欠点の一つは、サイトの表示速度が遅くなりがちなことである。あなたも読み込みが遅いサイトに出くわし、見るのをやめた経験があるのではないだろうか。 サイトの表示速度が遅くなるとユーザビリティが低下し、SEOにも悪影響を与えかねない。 米国のSEO会社の調査によると、40%のユーザーが、読み込み時間が3秒を超えると訪問を諦めてしまう。また、Googleは、「良好なユーザー体験を提供するためには、LCP2.5秒以下を目指すべき」と公言している。 ※LCP(Largest Contentful Paint)とは、ページのメインコンテンツが読み込まれるまでの時間を指す。 そこで今回は、3秒以内に読み込まれるサイトを目標に、WordPressの表示速度を高速化させる方法をご紹介する。

    WordPress高速化|1秒前半で表示させるための8つ+3つの方法を解説
  • WordPressサイトの高速化でSEO効果をアップしてくれるプラグイン5選 | スイッチ

    WordPressで作ったサイトが遅いと感じたことはありませんか? WordPressの場合、ページを表示するたびにPHPが働きHTMLを吐き出しているので、最初からHTMLで書かれたページに比べて表示速度が遅くなりがちです。 見る側としても、サイトがなかなか表示されないとイライラしてページを閉じたくなります。 どんなに良いコンテンツを提供しても、ユーザーに見てもらうことすらできなくては、非常にもったいないです。 またページの表示速度は、SEOにも影響を与えます。 Googleでは、ページスピードが検索の1%に影響するとも言われています。 今回は、Wordpressサイトの高速化を助けてくれるプラグインを5つ紹介します。 もし、サイトの表示速度が遅いなあと感じる方はぜひお試し下さい。 まずは、サイトの表示速度をチェック WordPressサイトの高速化プラグインを導入する前に、まずチェック

    WordPressサイトの高速化でSEO効果をアップしてくれるプラグイン5選 | スイッチ
  • jQuery/JavaScriptの高速化テクニック | Find Job ! Startup

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    jQuery/JavaScriptの高速化テクニック | Find Job ! Startup
  • さくらのVPS 1G+WordPressで1日5万PVを捌く構成メモ - はげあたま.org

    はじめに ここ数日でブログに少し手を入れたので、現時点の備忘録です。内容的には半年前に四苦八苦した部分がほとんどですが、超オーソドックス設定なので、まとめておいて損はないでしょう。 なお、うちでは1日5万PV以上が出なくてテストできないだけで、たぶんもう少しは捌けます。 事の起こりは一年前。ブログを一新する際に日和ってWordPressを選択したのですが、計算してみるとピークに3PV/秒越えると発狂する計算に。あれ? まがりなりにもVPSをほぼ丸々割り当ててるので、個人レベルのブログなら鼻歌交じりに処理できるとか思ってたんですが、PHPのメモリの喰い方とApacheのデフォルト設定のアホさを嘗めていました。 その後、いろいろとありながらも安定運用には到達したので、何かあった時に再現出来るように書き残しておきます。 環境:さくらのVPS 1Gプラン Debian squeeze + Apac

    さくらのVPS 1G+WordPressで1日5万PVを捌く構成メモ - はげあたま.org
  • WordPress を使いこなそう

    こういうふうに説明してもらえたら、もっと速く理解できたのにな、ということをまとめて見ました。 テンプレートタグの使い方だけでなく、テンプレートタグが動くに至るまでの仕組みについて、サーバ、htmlphpの関係、データベースなどの話を絡めて作っています。 初心者がWordPressをインストールした時に、ぶつかる壁について話をしたつもりです。 上級者には初心者が何に躓き易いかが気が付きにくく、初心者は自分が何がわからなくて迷子になっているのかが分からない。 その間が埋められればと思っています。 YouTubeに動画が上がるそうなので、そちらもお楽しみに!

    WordPress を使いこなそう
  • WordPressを高速化する9つのステップ | PLUS

    福岡を拠点に活動するPLUSではWebサイト制作・iPhone/Androidアプリの開発を行っています。 WordPressはそのままだとアクセスが増えた時に、重くなりがちです。プラグインも入れすぎるとさらに重たくなることに。このブログだと表示スピードが改善前は7.7sかかっていましたが、見直しを行って0.4sにまで改善することができました。表示スピードは離脱率や、SEOとしても重要な要素ですので、改善する余地は大いにあります。 高速化に役立つツール まずはじめに、改善に役立つツールを2つご紹介します。 一つ目はWebWait。URLを入れると、読み込み時間を教えてくれます。まずはどのくらい時間がかかっているのか、チェックしてみましょう。 次はGoogleの「PageSpeed Insights」。URLを入れるだけで、高速化に役立つTipsを教えてくれます。もともとGoogle社内で

  • WordPress高速化に使えそうなプラグインを色々試してみた結果、けっこう早くなったのでご紹介。 / Maka-Veli .com

    相変わらずWPにウトい僕ですが、 案件で急遽、高速化が必要になり、さくっとできるプラグインで対応したかったので調べてたんですが、せっかくなのでMaka-Veliにも入れて、色々試してみました。 といっても、実際に全て検証し切れてるわけでは無いですし、どんな物でどんな効果があるのかを検証しきれる能力も無いのでご注意ください。あくまでも「高速化に使えそう」と思った物だけなので、実際の効果は不明です。(わからずに使うとトラブル起きますしね)※あとで自分がみたいだけのまとめ兼用という記事です。 詳しくはそれぞれのリンク先と、プラグインをご紹介されている記事等でご確認頂ければと思います。 なお、検証にあたり数値を取得してるわけではありませんのでご了承ください。 WordPressの更新 とりあえずWPを最新版(現時点の WordPress 3.3.2 )に入れなおしました。 まあベタです

  • 『速習デザインWordPress3.x』が発売されます。 - プライム・ストラテジー - CMSマネージドサービス

    Webサイト運用の課題を当社で解決したお客様にインタビュー取材を行い、100の事例を100ページ以上のボリュームの事例集としてまとめました。 ・100事例のWebサイト運用の課題と解決手法、解決後の直接、間接的効果がわかる ・情報通信、 IT、金融、メディア、官公庁、学校などの業種ごとに事例を確認できる ・特集では1社の事例を3ページに渡り背景からシステム構成まで詳解

    『速習デザインWordPress3.x』が発売されます。 - プライム・ストラテジー - CMSマネージドサービス
  • [wp] WordPressの高速化のために幾つか実施

    以前からちょっと重かったのですが腰も重くて何もいじっていなかったのですが幾つか修正。 WordPressのプラグイン DB Cache Reloaded (http://www.poradnik-webmastera.com/projekty/db_cache_reloaded/) WordPressからDBのアクセスをキャッシュしてくれるプラグインです。しばらく前に使用できなくなっていたのですが有効化してみたら動きました。 個人的にはかなり効果の高いプラグインで使用できるのであればお勧めです。特にDBがあまり高速な環境にない場合には有効かと思います。SakuraレンタルサーバなどもMySQLサーバは共有サーバなので有効でした。 WP Hyper Response(http://stocker.jp/diary/wp-hyper-response/) 最近しったプラグインです。 flush

    [wp] WordPressの高速化のために幾つか実施
  • WordPressを高速化するプラグインを作りました

    今朝、WordPressのレスポンスを向上させるプラグイン “WP Hyper Response” を作りましたので早速公開します。 このプラグインを使用した場合と使用していない場合の比較動画を作りましたのでご覧ください。 右が使用した場合、左が使用していない場合です。 画面中央にキャプチャソフトのウォーターマークが出ていますがご容赦ください。 この動画は、私が運営している フリー写真素材 :: Free.Stocker のページ表示テストです。 ブラウザキャッシュを無効にするため、Google Chrome のシークレットウインドウを使用しています。 それほど大きな違いは出ていませんが、プラグインを使用したほうが記事ページ(single.php)の表示が速いことがお分かり頂けるかと思います。 後半は管理画面のテストです。 どう見てもプラグインを使用したほうが速くなっていることがお分かりい

    WordPressを高速化するプラグインを作りました
  • jQuery Image Lazy Load WP

    Description add lazy loading to WP, more info at http://plugins.jquery.com/project/lazyload Installation unzip archive to wp-content/plugins directory, and activate it in Plugins page in wp-admin or you can cd into your wordpress_root/wp-contents/plugins and do: git clone git://github.com/ayn/wp-jquery-lazy-load.git FAQ Installation Instructions unzip archive to wp-content/plugins directory, and a

  • ページの表示を早くするために検討すべきWordPressの13のタグ

    Pro Blog Desginのエントリーで、WordPressを利用している際、サーバーへの負荷軽減のために、テーマファイルでよく使用されるテンプレートタグの中から修正・削除した方がいいテンプレートタグというのがありました。 Delete WordPress Tags to Decrease Server Load 配布されているWordPressのテーマファイルのほとんどには、あらゆる環境で簡単に利用できるように「テンプレートタグ」が使用されています。 例:<?php bloginfo('name'); ?>は「ブログの名前」を表示します。 そして、そのテンプレートタグのほとんどはサーバー上で処理されるため、サーバーに負荷がかかります。 サーバー負荷が軽減されると、ページの表示も早くなります。 そこで、テンプレートタグを静的なテキストに書き換えたり(ブログの名前を記述)、不要だったりす

    ページの表示を早くするために検討すべきWordPressの13のタグ
  • 1