あなたのWordPressウェブサイトをスピードアップする5つの絶対確実な方法
公開: 2016-04-08ウェブサイトの読み込み速度の指標とその重要性を確認するために、マーケター、サイト所有者、開発者、SEOウィザード、さらにはユーザーなど、いずれか1つの視点を選択してください。 速度メトリックは引き続き上部に表示されます。 見つけることができる限り多くのソースでWeb開発のベストプラクティスを調べると、すべてのリスト内のどこかに「ページの読み込み時間の短縮」が表示されます。
ウォルマートのレジ係のカウンターで並んで待つのも好きではありませんが、過剰な時代の無形のデータの塊についてどう思いますか?
したがって、より高速にロードされるWebサイトを作成することが不可欠です(TTFBは2秒未満である必要があります)。 より良い体験のために、より高いコンバージョンのために、トップの検索ランクのために!
では、WordPressのWebサイトを高速化するために何ができるでしょうか? 多くのようですが、特にこれらの5つの領域では次のようになります。
1.サーバー
これはあなたのウェブサイトのデータが存在する場所です。 サーバーが炊き出しやGothamの路地裏のように維持されている場合、パフォーマンスを最適化してもWebサイトの速度は向上しません。
したがって、ホスティングプロバイダーにサインオンする前に、次の点に注意してください。
- メンテナンス、バックアップ、およびセキュリティ(明らかな理由による)
- スケーラビリティ:訪問者、データ転送、帯域幅、ストレージスペースなどの点で、さまざまなプランがどのように評価され、上限を超えた場合にどのようにスケールアップされるか。
- クライアントの証言とサポートフォーラム(彼らは会社のサービス記録について多くを明らかにすることができます)
調べることができるその他の事項は次のとおりです。
Øサードパーティのビデオホスティング
外部またはサードパーティのビデオホスティングは、サーバースペースと帯域幅を慎重に使用する人にとって優れたソリューションです。
それはまさにそれが缶に言っていることです。 (のみ)ビデオファイルは、Youtube、Vimeoなどのサードパーティサーバーでホストされており、Webサイトにリンクできます(開発者にAPIを混乱させることなく)。 それらのいくつかはビデオ編集ツールも付属しており、それらのほとんどはサポートを提供します。
このサービスにサインアップする前に、ビデオファイルの権利(プライバシーポリシー)を確認してください。
Ø画像のホットリンクの防止
画像のホットリンクは過小評価されている悪です。
それは盗むことと同じであり、最悪の部分は、犯罪者が彼らの行動の厳しさに気づいていないことが多いということです。 彼らは単にあなたの画像を(キーボードに)コピーし、リッチテキストエディタに直接貼り付けているだけです。 そのため、コンテンツに表示される画像は実際にはサーバーに保存されています。 したがって、自分のWebサイトで画像を見つけた人は、サーバーに画像の読み込みを要求します。 これは帯域幅を使い果たします。
そして、あなたはありがとうのメモを受け取りません。
あなたの素朴な利他主義が我慢しなければならないことはたくさんあります。 インターネットでは、コンテンツを保護したり、罰せられたりします。 このコードを.htaccessファイルに入れます。
RewriteEngineをオンにします
RewriteCond%{REQUEST_FILENAME} -f
RewriteCond%{HTTP_REFERER}!^ http(s)?://(www \。)?mywebsite \ .com [NC]
RewriteCond%{REQUEST_URI}!^ / images / stopstealing \ .jpg $ [NC]
RewriteRule \。(jpg | jpeg | png)$ http://mywebsite.com/images/stopstealing.jpg [NC、R、L]
また、一部のコンテンツ配信ネットワーク(CDN)には、組み込みのホットリンク防止機能があることに注意してください。
2.キャッシュ
W3 Total Cacheのようなキャッシングプラグインは、WordPressがページ速度の最適化のために提供しなければならない最高のものの1つです(誰もがそれを気に入っています)。 代替手段(上級ユーザー向け)は、WPスーパーキャッシュです。
アイデアは、ページ、オブジェクト、およびデータベースのコピー(キャッシュ)を作成することです。 スクリプトを縮小し、WordPress Webサイトをコンテンツ配信ネットワーク(CDN)とより簡単に統合します。
また、WordPress開発者を雇って、RedisやMemcachedなどのデータベースキャッシングソリューションでサーバー側のパフォーマンスの最適化を最大限に活用することもできます。
Ø有効期限モジュール
このApacheモジュールは、指定したファイル形式のキャッシュの有効期間を設定します。
これを使用するための合理化された方法は次のとおりです:<ifmodule>。 これは(.htaccessファイルに)次のようになります。
<ifmodule mod_expires.c>
<Filesmatch“ \。(jpg | png | gif | js | css | mp3 | pdf)$”>
ExpiresActive on
ExpiresDefault「アクセスプラス1週間」
</ Filesmatch>
</ ifmodule>
上記のコードスニペットは、すべてのjpg / png / gif / JavaScript / CSS / mp3 /およびPDFファイルのキャッシュファイルが1週間後に期限切れになるように設定し、その時点で新しいキャッシュが作成されます。 このモジュールは、コンテンツを定期的に更新するリッチメディアWebサイトでの使用に最適です。
3.フロントエンド
パフォーマンスの問題の約80%は、フロントエンドの速度最適化に20%の努力を払うことで解決されます。 これは、パレートのWeb開発の法則です。
フロントエンドを速度に合わせて最適化することは、技術的に有利なだけではありません。 ユーザーの画面で何かが起こるのが早ければ早いほど、ユーザーは待つことについて気分が良くなります。 パフォーマンスの印象も与える必要があります。
これを支援するために、使用できるいくつかの方法を次に示します。
- 画像:マニアックのように圧縮します。 画像/メディアサイズは小さいほど良いです。 品質低下のない圧縮には、EWWWImageOptimizerまたはWPSmush.itを使用します。 次に、画像を含むページ領域が現在ユーザーのビューポートに表示されている場合、画像の条件付き読み込み用の遅延読み込みフィルターがあります。 これにはLazyLoadXTを使用します。
- HTTPリクエストを減らすと、ラウンドトリップが少なくなるため、読み込み時間が短縮されます。 スプライトパッドを使用して、「パターン」画像を単一のスプライトに作成します。
- JavaScriptとCSSのスタイルシートを縮小します:rtl.css、style.css、および追加したカスタムのもの。 あまり多くの依存関係を使用しないようにしてください。
4.データベース
Windowsのディスクデフラグツールとは異なり、データベースの最適化により、バックエンドがクリーンアップされ、重要な情報のためのスペースが解放されると同時に、クエリの時間とパフォーマンスが向上します。
冗長な投稿の改訂、古い未承認のコメント、重複したメタデータなどは、クモの巣とほこりのうさぎです。 WP Sweep、WP-DBManagerなどのツールを使用してそれらをクリアします。
5.アップデート
Make.WordPress.orgのディスカッションをフォローして、プラットフォームに関連する最近のニュースや開発について最新情報を入手すると(これは、すべての人、開発者、一般ユーザーにとって良い習慣です)、パターンに気付くでしょう。常に使いやすさ、パフォーマンス、セキュリティの順で…。
設定が構成されていない限り、WordPressはマイナーリリースの場合(セキュリティとマイナーバグ修正のため)に自動的に更新されます。 そもそも実際に最新バージョンにアップグレードしない限り、それは良くありません。
不安を軽減するには、次の更新に役立つパターンに従ってください。
- 最初のテーマ:子テーマがあることを確認します(これにより、外観に加えた小さな変更が保存されます)。 更新は親テーマに適用され、このようにして、修復を超えて何かを台無しにする可能性を大幅に減らすことができます。
- 次のプラグイン: 1つずつ取り組みます。 面倒なことは承知していますが、1つの更新で互換性の問題が発生した場合は、より多くの準備と情報が提供されます。 注:これは、プラグインに関して「少ないほど多い」理由でもあります。
- WSODプロトコル:死の白い画面に直面した場合に備えて、首なし鶏のように走り回らないでください。 インターネット上にはたくさんのヘルプがあります。
巻末注
定期的なセキュリティとメンテナンスを実行して、Webサイトを最高の状態に保ちます。
速度の最適化は継続的な取り組みであることを忘れないでください。 最新の開発とベストプラクティスを常に把握してください。
著者略歴: Lucy Barretは、WordPress開発会社であるHireWPGeeks LtdのシニアWordPress開発者です。彼女は、HTMLをWordPressテーマに変換する専門家である開発者チームを担当しています。 彼女はブロガーでもあり、WordPressの大規模なコミュニティと知識を共有するのが大好きです。