タグ

高速化とWordPressに関するddt2000のブックマーク (20)

  • jQueryをフッターに移して高速化する – Capital P – WordPressメディア

    高速化の重要性が叫ばれる昨今だが、WordPressもその例に漏れない。WordPressのようなPHP+MySQLという構成のCMSは、データベースやサーバー間ネットワークがボトルネックになることが多く、その対処法(キャッシュなど)はたくさんあるのだが、フロントエンド高速化となると、フロントエンド業界からの情報発信に埋もれてWordPressに固有のハックを見つけるのが難しいというのが現状ではないだろうか。フロントエンド業界の情報にはSPAを主に作っている人からの発信も含まれるので、WordPressとは必ずしも相性がよくない場合がある。 今回はそんなせわしない時代においても手軽に高速化を実現できるハックを紹介する。 フロントエンド高速化とは? フロントエンドでの高速化には色々あるが、昨今よく言われているのは次のようなものではないだろうか。 HTTP/2導入でのストリーム並列処理。HTT

    jQueryをフッターに移して高速化する – Capital P – WordPressメディア
  • “WordPressを簡単に1620倍高速化“する「部分キャッシュ」活用テクニック

    WordPressを簡単に1620倍高速化“する「部分キャッシュ」活用テクニック:とにかく速いWordPress(20)(1/4 ページ) エンタープライズ用途での利用が増えている「WordPress」の高速化チューニングテクニックを解説する連載。今回は、「WordPressアプリケーションレベルで実施する高速化チューニング」のポイントを解説します。 連載バックナンバー 前回は、「WordPress実行環境としてのサーバのセキュリティ対策」と「開発者がWordPressアプリケーションを開発する際に実施すべき対策」のポイントを解説しました。今回は、WordPressアプリケーションレベルで「もっと高速化する」テクニックを紹介します。 「全体キャッシュ」と「部分キャッシュ」の違い WordPressの高速化チューニングと聞いて、皆さんはどういった手法が思い浮かぶでしょうか? 具体的には、

    “WordPressを簡単に1620倍高速化“する「部分キャッシュ」活用テクニック
  • “いきなり1000倍高速”になるWordPress高速化チューニング済み仮想マシン「KUSANAGI」とは何か

    “いきなり1000倍高速”になるWordPress高速化チューニング済み仮想マシン「KUSANAGI」とは何か:とにかく速いWordPress(11)(1/3 ページ) エンタープライズ用途での利用が増えている「WordPress」の高速化チューニングテクニックを解説する連載。今回は、これまで実践してきた高速化テクニックなしに、“いきなり1000倍高速”を実現できるチューニング済み仮想マシン「KUSANAGI」を活用するための「7つのポイント」を紹介します。 連載バックナンバー WordPressは、これまで紹介してきた高速化チューニングを実践することによって、1秒当たりの同時アクセス数(Requests per second)が、デフォルトのLAMP(Linux、Apache、MySQLPHP)環境の「11.24」から、Nginx+HHVM 3.12構成で「205.20」に、さらにN

    “いきなり1000倍高速”になるWordPress高速化チューニング済み仮想マシン「KUSANAGI」とは何か
  • 【画像編】サイト表示速度を高速化するための10項目

    どうだろう? 画像は多ければ多いほど、http リクエストの数が多くなる。 これから紹介する画像を軽くすること以前に、まずは「画像を減らす」ことにトライしよう。 見た目に工夫は必要となるが、他サイトで提供されるブログパーツやイメージバナーなども、ペタペタ貼りまくったりしないこと。 2. アイコンを Font Awesome で代用する次に、サイト上のメニューやナビゲーションで「一般的なアイコンを多用」しているサイトでは、Font Awesome アイコンの導入により画像からの置き換えができる。 当ブログでもメニューなどで使用しているが、他サイトでも、このスタイルのアイコンは良く見掛けるはずだ。 それもそのはず。Font Awesome はウェブ上で最も人気のアイコンフォント。 CDN 経由で読み込むこともでき、サーバーへの負荷はかからない。なぜか「FontAwesome は遅い」という人も

    【画像編】サイト表示速度を高速化するための10項目
  • 「ブログが重い!」WordPressを高速化させるための8つの方法とおすすめプラグイン | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、メディア事業部のエリーです。 前回の記事では、「SEOに強いブログを作りたいなら、WordPressが超いいよ!」ということをお伝えしました。 今回は、実際にWordPressでブログを運営している人にとって大きな悩みの1つであろう「ブログが重い!」問題を解決したいと思います。 「なんだか最近、ページの表示が遅いなあ」と感じたことはありませんか? わたしもそう感じてたんですが「死ぬわけじゃないし別にいいや」と思って放置してました。でも、それがいけなかったんです・・・。 ということで、WordPressに最適化された超高速サーバー「Z.com for WordPress」を展開する「Z.com byGMO」さんに、サイトの重さを改善するための方法と、それによって得られるメリットをお聞きしました。 目次 当に「重い」のか確かめてみましょう スコアが60以下なら要注意! ブログは早

    「ブログが重い!」WordPressを高速化させるための8つの方法とおすすめプラグイン | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 【WordPress】Webフォントありのブログを高速化した、たった1つのこと | せめて、人間らしく

    ブログが重い このブログでは、一部ですがWebフォントを使っています。 あとスライダーやカレンダーやら重いものが動いており、 表示スピードがとっても遅く、もたもたしたブログでした。 スピード判定で有名なGT Metrixで検査すると、やっぱり「DD判定」。 有名なプラグインのDB Cache Reloaded、W3Total Cacheも導入していましたが、ボトルネックがあるようで、まったく改善されませんでした。 CSSやJSを圧縮してみたりもしたのですが、DD判定は変わりませんでした。 今回は、GTMetrixのアドバイスに従って、高速化施策を行います。 一瞬で高速化 とても単純で、.htaccessに以下を追記するだけです。 #MIMEタイプ AddType application/vnd.ms-fontobject .eot AddType application/x-fon

    【WordPress】Webフォントありのブログを高速化した、たった1つのこと | せめて、人間らしく
  • WordPressで13プラグインを減らして高速化する方法まとめ

    WordPressプラグインの利用メリットとデメリット はっきり言ってメリットの方が大きいです。いろんな機能をプラグインで簡単に実装できるからこそ、WordPressを使う意義があると思っています。メリットのほんの一部だけ紹介します。 時間短縮:自作する前にすぐ実装できる。機会損失を防げる 知識補完:SEO・高速化など不慣れな人でも複雑機能を設置できる メンテが楽:WordPressバージョンアップ時も作業不要 記事に集中できる:ブログの裏方でなく質に専念できる しかし何でもプラグインを使うクセがつくと、気づかない間に20、30ものプラグインを有効化してしまっています。簡単な機能でも数が増えれば、次のようなデメリットが生じます。 高速化の阻害:1つ1つは簡単機能でも、数が増えるとさすがに重くなる 更新停止:WordPressのバージョンアップについて来れないと問題発生もありうる 自分の好

    WordPressで13プラグインを減らして高速化する方法まとめ
  • WordPress高速化|1秒前半で表示させるための8つ+3つの方法を解説

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

    WordPress高速化|1秒前半で表示させるための8つ+3つの方法を解説
  • WordPressを高速化・軽量化するためにした4つのこと。 – STUDiO LiGHT

    WordPressを高速化・軽量化するためにした4つのこと。2014/2/13 - Diary テーマを初めて自作してみて、その軽さと表示速度の速さに驚愕している次第です。arkmarouです。 さて、今回はそんな「WordPressの高速化と軽量化」に的を当てて話してみたいと思います。1. テーマを一から作り、余計なコードを排除する。 基的なことなのですが、WordPress公式にアップロードされているテーマや有志が作られたテーマというのは、基的にいろいろなことができるようにいろいろな機能が付けられています。実はこの機能たち、高速化・軽量化にとってただの邪魔者でしかありません。また、不必要な機能である場合が多いです。こういった使われない機能が付いているだけで、そのぶんソースコードが長くなり、リソースをいます。 これらを解決するには、もちろん既存のテーマから要らない機能を排除するのも

    WordPressを高速化・軽量化するためにした4つのこと。 – STUDiO LiGHT
  • 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
  • 【WordPress高速化】9秒からあっという間に2秒台へ!使用したプラグインと設定方法を細かく解説します。

    今回ブログの高速化を調べるきっかけになったのはGoogle Adsenseの管理画面でした。 通知が来ていて「やべっ何かしたかな」と焦って開いてみると、「サイトの読み込み時間が長過ぎますよ」という注意。ちょっと安心。 以前から薄々思ってはいたもののいい機会だったので、ブログの高速化に再度着手することに。 参考にしたのは「gori.me」! 「高速化」と考えて一番最初に思いついたのがgori.meの「Wordpressで読み込み速度1秒台を実現するために実施した5つの施策 | gori.me」という記事。「gori.me 一秒」で検索して教えを乞いました。 ここに書いてある中の、 ・W3 Total Cacheの設定 ・Cloudflareの導入 ・MO cacheの導入 ・DB Cache Reloaded Fixの導入 を行い、iPhone研究室さんの「WordPressで1秒切り!目を

    【WordPress高速化】9秒からあっという間に2秒台へ!使用したプラグインと設定方法を細かく解説します。
  • https://infinityforest.net/home/archives/2314

  • おすすめ!レンタルサーバー比較~初心者でもWordPress(ワードプレス)が快適に使える

    photo credit: Nikita Kashner via photopin cc 僕は基的にお客様のビジネスサイトを大小問わず「WordPress」で制作しているのですが、当然安心して運営できるサーバーをご用意する必要があります。今年で約8年位この仕事していて安いサーバーから高スペックな様々なサーバーなど多数使用してきました。 今までで何十というWordPressのサイトを構築しています。 で、その中でコストと安定した運営面で一番おすすめなのが「エックスサーバー 」なのですが今回、そのXサーバーから「WordPress専用」のサーバーが出来たので早速を試してみました! 僕のWordPressのおすすめのサーバー一覧 現在、サイトの表示スピードがSEOに影響を与える事はご存知ですか? 【参考:海外SEO情報ブログ】 Google、ウェブページの読み込み速度をアルゴリズムに取り入れた

    おすすめ!レンタルサーバー比較~初心者でもWordPress(ワードプレス)が快適に使える
  • WordPressを高速化する使い方!CDNサービスやプラグインまとめ

    作成:2013/04/22 更新:2018/03/31 WordPress > mod_pagespeed、CSSスプライト、CDN、圧縮、プラグイン… 2013年、ページが軽いサイトが上位表示されてきました。 「検索で10位以内に入っているサイト」を仕事の関係で1日に何百件と調べるのですが、2012年よりも明らかに「1~2秒台」が増えてきてます。 10位以内には、遅いサイトもありますが1、2秒台もざらです。今回は、WordPressの高速化を手早くするために、検討したいCDNサービス、導入必須のプラグインや計測ツール、ハウツーなどをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 高速化するプラグイン 1.QuickCache 2.MOCache 3.LazyLoad 4.WPSuperCache 5.DBCacheReloadedFix 6.

    WordPressを高速化する使い方!CDNサービスやプラグインまとめ
  • マネージドWebホスティングからVPSへブログを移行する際に最低限の努力で最大限の高速化を行う

    人間とウェブの未来(旧) 「ウェブの歴史は人類の歴史の繰り返し」という観点から色々勉強しています。2014年までの人間とウェブの未来の旧ブログです。 このブログやもう一つのブログは、これまで所謂マネージドWebホスティング(利用者はコンテンツを上げるだけでWebサーバ運用はホスティング会社が受け持つ)を利用していました。 しかしよく考えると、自分自身レンサバ屋をやってきて、さらには自分でWebサービスの高度化に関する研究をやっているのに、自分でWebサーバを管理していないのはこれいかに、と思い始めて急遽VPSを借りました。 これで、Apacheをコンパイルしてmod_mrubyやその他もろもろの自作モジュールを組み込んで、最強のWebホスティング環境を構築するぜ!と思っているわけですが、せっかくVPS上でroot権限で自由にサーバカスタマイズができるわけですから、とりあえずブログのパフォー

    マネージドWebホスティングからVPSへブログを移行する際に最低限の努力で最大限の高速化を行う
  • 直帰率を改善せよ!WordPressのカスタマイズ方法とプラグイン

    WordPressの「これが困った!」 WordPressで困っていることはありませんか? サーバー移転/エラー解消/カスタマイズなど、WordPressの「これが困った」を解決します。 WordPressの便利屋 ブログを始めて3ヶ月になりました! 今まで見にきてくれた方々、記事を書くとき参考にさせていただいたブログの運営者さん。皆様当にありがとうございます! それで、3ヶ月分のアクセス解析を振り返ってみると、順調にアクセスは増えてて喜ばしいことなのですが、直帰率が非常に悪い (ノ_-。) なので今回は直帰率を改善するため、WordPressのカスタマイズに挑戦しました。あまり難しくない方法で、サーバー関連の設定やプラグインのインストール、そしてテーマのカスタマイズに取り組みました。もし同じように直帰率に悩む人がいたら、ぜひ試してみてください! はじめに:直帰率って? 直帰率とは、入口

    直帰率を改善せよ!WordPressのカスタマイズ方法とプラグイン
  • Wordpressで1秒切り!目を疑う高速表示の設定はこれだ!1時間で5万PVでも大丈夫 | iPhone 研究室

    先日、Yahoo! ニュースからリンクして頂いたのを切っ掛けに、大量アクセスがありました。いつもは後で気がつくんですけど、たまたま Google Analytics のリアルタイム画面を開いたらその直前にアクセスが爆発していました。通称「Yahoo!爆弾」ってヤツですね。 【追記】現在はコアウェブバイタル対応を完璧にするため、もっとモダンな設定にしています。 iPhone 研究室は WordPress で運営していますが、全く動じないでこの大量アクセスをこなしてくれました。 11時半頃にリンクがあったみたいなんですけど、世の中がお昼休みに入った12時頃から更にアクセスが倍増しました。 だいたい、11時半から12時までの30分で2万ページビュー(PV)、12時から13時までの1時間だけで5万PV位の大量アクセスになりました。 新型iPhoneに関する噂という記事からのリンクだったので、興味を

    Wordpressで1秒切り!目を疑う高速表示の設定はこれだ!1時間で5万PVでも大丈夫 | iPhone 研究室
  • WordPressで読み込み速度1秒台を実現するために実施した5つの施策

    あなたのページ読み込み速度、遅すぎませんか? サイトがなかなか表示されないのはユーザーとして見た時に非常にストレスフル。理想のページの表示時間は最低でも2秒以内、目指すべきは1秒以内と言われている。 gori.meでも長いこと様々なツールを駆使しては読み込み速度改善にむけて取り組んできた。先日、ついにGTMetrixにおける測定値が安定して1秒台を出すことに成功したので、今回はこれを実現するために僕が実施した5つの施策をまとめておく!ページの読み込み速度に悩んでいる人は参考にどうぞ! gori.meのGTMetrixスコアと読み込み速度 1秒台を出す方法を話す前にそもそも当にgori.meは読み込み速度1秒台なのかということについて、先ほど取得したGTMetrixのスクリーンショットと共に紹介しておく。 ご覧の通り、読み込み速度は1.4秒、Googleの「Page Speed Grade

    WordPressで読み込み速度1秒台を実現するために実施した5つの施策
  • WordPress高速化に使えそうなプラグインを色々試してみた結果、けっこう早くなったのでご紹介。 / Maka-Veli .com

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

  • WordPressの高速化決定版はMO Cacheだ for @donpy | iPhone 研究室

    WordPress を日語などのマルチバイトで利用していると、表示が遅くなってしまうので様々な高速化テクニックが公開されています。 キャッシュを上手く利用するのが高速化の鍵ですが、翻訳ファイル(xxx.mo)の読み込みにかなりの負荷がかかっているのだそうです。それで MO Cahce というプラグインを使うと大幅な高速化が期待できます。 プラグイン作者さんのサイトを引用すると、 最初はバージョンアップで速くなったのかと思ったのですが、すぐに翻訳ファイルの読込みに時間がかかっていることが判りました。Xdebug のプロファイラで計測したところ実に全体の70%近くが翻訳ファイルである .mo ファイルの読込みのために費やされていました*1。メインの開発者達が英語版しか使ってないからこんなことになるんだ!と愚痴っていてもしょうがないので、なんとかしようと思い、できたのが MO Cache です

    WordPressの高速化決定版はMO Cacheだ for @donpy | iPhone 研究室
  • 1