MySQL のクエリキャッシュを有効にして WordPress を高速化する
WordPress が重くなる原因はいろいろ考えられますが、その一つにバックのデータベースである MySQL に負荷がかかっている可能性があります。このサイトも負荷がかかっているときに top コマンドで調べてみると、mysql が CPU 使用率と実行時間が高い傾向がありました。 そこで /etc/my.cnf を編集して MySQL のクエリーキャッシュを有効にしてみます。これは基本的にサーバの管理者しかできないことなので、レンタルサーバをお使いの方はできないと思います。 # /etc/my.cnf query_cache_limit=1M query_cache_min_res_unit=4k query_cache_size=32M query_cache_type=1 設定したら MySQL を再起動します。 クエリーキャッシュが有効に働いているかどうかは、mysql にコンソー
Webサイトの表示速度を改善する | さくらインターネットのVPS設定マニュアル
遅い。当サイトは、WordPressで制作されていますが、Webサイトの表示速度が遅すぎる。 あまりに気になるので、Webサイトの表示速度を改善してみようと思います。 ①表示速度を計測する GTmetrixは、URLを入力すると簡単にWebサイトの表示速度を計測できます。 では、どれくらいの速度がでているのか、現在のWebサイトの表示速度を計測してみます。 「Page Speed Grade」はGoogle、「YSlow Grade」はYahooのWebサイト表示評価ですが、それぞれC評価という結果。これは、すぐに改善する必要がありますね。 ②問題点の把握 評価結果の下に評価を下げている原因が表示されます。 当サイトの表示速度が遅くなっている原因を見てみましょう。 B〜Fまでの評価がいくつかあります。レンタルサーバーなどの環境においては、改善できない項目もあるのですが、当サイトはさくらのV
Lazy Loadとは？画像読み込みを遅延ロードするWordpressプラグインと、jQuery（jsライブラリ）の設定
エンジニアの転職情報サイト > WordPress > Lazy Loadとは？画像読み込みを遅延ロードするWordPressプラグインと、jQuery（jsライブラリ）の設定 公開日：2014-09-14 更新日：2022-10-16 Lazy Load とは・・・Webページのスクロールに応じて、画像データを遅延読込させるプラグインになります。 このプラグインは、Wordpressで利用できるプラグイン：「Lazy Load」と、 jQueryのプラグインである「lazy load plugin for jquery」があります。 上記から、Wordpressを利用している場合は、プラグイン：「Lazy Load」を利用し、 WordPressを利用していないWebサイトの場合は、「lazy load plugin for jquery」を利用すると良いでしょう。 本来・・・画像を含む
WordPress高速化～Google PageSpeed Insights 90点達成対策まとめ｜ウェブシュフ
@web_shufuです。素人ですが、色々やってみたら、Google PageSpeed Insights で普通に90点を超えられるようになったので、これまでやった高速化対策をまとめました。 上の結果は当ページで計測しました。 表示速度はなぜ速くないといけないのか 表示速度が遅いと、 トラフィック 売上 顧客満足度 顧客そのもの 検索順位 などを失います。 さらにこれらはお互いに影響し合い負のスパイラルを形成します。 …と小難しいことを言う前に、サイトが遅くて閲覧者をイライラさせたらろくなことはないですよね。高速化は必要です。特に遅くなりがちなWordPressサイトでは。 高速化の第一歩は現在のページスピードの把握 高速化の第一歩は現在の表示スピードの計測です。 速度を計測するツールはいっぱいあるのですが、中でも重視すべきはGoogle PageSpeed Insights です。 ペ
20160930 フロントエンド高速化 業務編 (社内勉強会)
業務内容が書いてあったのを省いたのでわかりにくくなっているとは思いますがアップロードしておきました。Read less
How speeding up your mobile site can improve your bottom line
Marketing is at an inflection point. Here’s why that’s an opportunity
迅速かつ正確で、リーズナブルなオンライン市場調査の方法 Google Consumer Survey... - Google 広告主コミュニティ
Launched: New simulator content for the Merchant Center Announcement Hi Google Ads Community users, We've launched a new Help Center feature that we think will be really… Launched: New video tutorials for setting up Conversion Tracking Announcement Hi Google Ads Community Users, We ve launched two new video tutorials for setting up Conversion trac…
ブラウザのキャッシュを活用する - PageSpeed Insights - WordPressの使い方と設定 - Webkaru
ウェブサイトの高速化を支援してくれる「PageSpeed Insights」の提案「ブラウザのキャッシュを活用する」についてとその対処方法を解説します。 Google Developersが提供するウェブページのコンテンツ解析をしてくれるWebサービス「PageSpeed Insights」の使い方はこちらを参考にしてください。 » PageSpeed Insightsの使い方 静的リソースの HTTP ヘッダー内で、有効期日や最大経過時間を設定すると、ブラウザが以前にダウンロードしたリソースをネットワークからではなくローカル ディスクから読み込むようになります。 とのことなので、データ（CSS、JavaScript、画像ファイルなど）をブラウザにキャッシュする設定をしていきます。これで、サイトを再び訪れてくれるリピーターにストレスなくサイトを閲覧してもらうことができますね。 それでは、設
Google先生の言うとおりWordPressを高速化して元に戻した。
圧縮を有効にしろ スクロールせずに見えるコンテンツのレンダリングブロックしろ 画像を最適化しろ JavaScript を縮小しろ ブラウザのキャッシュを活用しろ リソース（HTML、CSS、JavaScript）を縮小しろ JavaScript を縮小しろ サーバーの応答時間を短縮しろ 以下、まずは初心者の方のでも実装が簡単そうなものから紹介します。 リソース（HTML、CSS、JavaScript）を縮小しろ CSSやjs、HTMLを圧縮して最適化（Minify）します。要は、空白とか改行とかコメントとかをギュッとします。オンラインツールがあるので簡単です。 tool http://www.creativyst.com/Prod/3/ ①に現在のCSSやjavascriptをコピーして②を押すだけ。 作成された③をコピーして張り替えればOKです。 但し、可読性は落ちるので常にCSSとかを
あなたのWebページ表示を爆速にするための、HTTPリクエスト状況分析ガイド（前編） | Moz - SEOとインバウンドマーケティングの実践情報
Webページの表示を高速化するための無料ツールWebPagetestを使って、「どこに問題があり、どう解決するのか」を調べる方法を解説する。 画像・JavaScript・CSSといったページを構成する要素こそが表示パフォーマンスの要因であり、HTTPリクエストの数やTCP接続・1バイト目までの時間（TTFB）などを調べれば、遅い原因がどこかわかるのだ。 今ではだれもがよく知っていることだが、SEOとユーザー体験の観点から見て、ウェブページの表示速度は非常に重要だ。ページの表示が速いほど検索エンジンによる検索順位も上がるし、ウェブサイトの動作が速ければユーザーが離脱せずにたくさんのページを見て、コンバージョン率も高くなる可能性が上がる。 要するに、賢明なWeb担当者やSEO専門家なら、コンテンツと同様にページ表示速度の最適化についても考慮しなければならない。 ウェブサイトの表示速度（パフォー
Lazy Load(画像の遅延読み込み)を実装する方法
レイジーロード(遅延読み込み)とは、その名の通り、画像を遅れて読み込ませるテクニックのことです。具体的には、ユーザーがスクロールをして、目的の画像が画面内に映るタイミングで、初めて読み込みを実行します。「遅れて」というよりは、「適切なタイミングで」と言った方が正確でしょうか。さて、このことはどのような意味を持つでしょうか？ 転送量の節約ユーザーは訪れたページの全てを見るわけではありません。あなたにも、あるページを訪問して「やっぱ止めた」とすぐに戻るボタンをクリックして帰った経験はありますよね。基本的に、ブラウザは訪れた時点で、ページの全ての画像を読み込みます。 このページに、仮に100枚の画像が掲載されていたとしたらどうでしょうか。ちょこっと訪問されるだけで、毎回、見られてもいない大量の画像の転送が発生してしまいます。余計な転送が発生することで、運営者側にとってはサーバーコストが増える、閲
表示速度改善！SEOに効果的な必ずやるべきサイト高速化手法40選
サイトの高速化手法40選基本編1．HTML・CSS・JSの無駄な部分の削除HTMLやCSS、Javascriptのファイルで余計な空白・改行、無駄なコードはなくして、容量を削減しましょう。ダウンロード時間が短くなります。 HTMLは以下のツールを使うことで簡単に空白や改行を削除できます。 Compress HTML CSSは以下のツールを使用すると、空白・改行と共に、それぞれのプロパティを文字数が一番少なくなる記述方式に変えて容量を削減できます。 Online YUI Compressor Javascriptは以下のツールを使用すると、空白・改行と共に、コードを文字数が少なくなるように変更し、変数も短いものに変えて、容量を削減することができます。 Closure Compiler Service 2．複数のCSSファイルはすべて1つのファイルにまとめるCSSの外部ファイルを複数読み込んで
EWWW Image Optimizer の設定方法と使い方
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WordPressで多くのコンテンツを投稿するようになると、自然と扱う画像の枚数も増えて行くことだろう。画像ファイルはサイトの表示速度を低下させるという問題がある。サイトの表示速度が遅いと、ユーザビリティが下がり、離脱率が大きくなってしまう。 だからと言って、コンテンツの画像の数を減らすのはナンセンスだ。 そこで利用するのが、画像のサイズを圧縮してくれる「EWWW Image Optimizer」というプラグインだ。 今回は、EWWW Image Optimizerの設定方法と使い方を紹介していく。
Web Application Security & Performance Tools for Microsoft IIS Servers | Port80 Software
Port80 Software has sunset its line of top-tier IIS server security products.Effective February 14, 2020, Port80 Software no longer offers products for individual or bundled licenses. For over 17 years, Port80 Software has offered secure, maintainable products for the protection of .NET sites and applications. While IIS Administrators have long relied on our software to guard their networks and se
【Middleman】の便利な機能をご紹介。 | DevelopersIO
前回まで、構築の流れをご紹介しましたが、 今回は、出力する際に便利な機能をいくつかピックアップしてご紹介していきます。 アジェンダ 設定ファイルについて ファイルサイズの最適化 HTMLの圧縮 CSS・JavaScriptの圧縮 画像圧縮 GZIPで圧縮 ローカルデータ LiveReload 設定ファイルについて プロジェクファイルを作成するとルート階層に、以下の２つのファイルがあります。 各ファイルに、プロジェクトの各設定していきます。 Gemfile config.rb Gemfile # If you have OpenSSL installed, we recommend updating # the following line to use "https" source 'http://rubygems.org' gem "middleman", "~>3.0.12" conf
【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
GIDZipTest: Web Page Compression (Deflate / Gzip) Test - GIDNetwork
A simple online web page compression / deflate / gzip test tool Introducing GIDZipTest™, a simple web page compression / gzip test tool. Add some PHP code to compress your web pages and test it out with this quick gzip / deflate encoding test tool. Also, please read the article: How do I compress my web site? This version of the tool is able to identify web pages with deflate encoded content as we
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
速度改善 (4) ApacheでKeep-Aliveを有効にして接続処理を削減 | 合同会社スマート
W3 Total Cache のおすすめの設定方法
Middleman: ファイルサイズ最適化