Image Heavy Wordpressブログの速度を最適化する

私は既存のWordpress Blogに取り組んでおり、レイアウトはイメージが重いです。私はPingdom Toolsでスピードテストを行いましたが、それは遅いです！結果は以下のとおりです。Image Heavy Wordpressブログの速度を最適化する

Total loading time: 
    29.9 seconds 
Total objects: 
    172 (1631.5 KB) 
External objects: 
    24 (536.2 KB) 
HTML (X)HTML: 
    3 (39.8KB) 
RSS RSS/XML: 
    0 
CSS CSS: 
    25 (206.4KB) 
Scripts Scripts: 
    43 (754KB) 
Images Images: 
    95 (346KB) 
Plugins Plugins: 
    0 
Other Other: 
    6 (285.3KB) 
Redirected Redirected: 
    1

約30秒！ページをキャッシュする以外にもできることは何ですか？ CDNを使うのは良い考えですか？私はミニプラグインを使ってみましたが、ページを破壊し続けています。ウェブサイトは共有サーバー（Bluehost）にあります。

出典

2011-10-18 Joshua Howell

最初の呼び出しポート：[WPスーパーキャッシュ]（http://wordpress.org/extend/plugins/wp-super-cache/）800kのスクリプトは実際には*ロット*ですが、これらのスクリプトは何をしていますか？ –

私はスクリプトを使いましたが、実際にはホームページで2つしか使用されていません。私は他のスクリプトが何であるかわからない。私は彼らがちょうど読み込んでいるが、使用されていないと思う。私はスーパーキャッシュを試しましたが、ウェブサイトが壊れてしまい、ページ除外が機能しないようです。 –

このウェブサイトには、2つの電子商取引ソリューションとウェブサイトの購読者部分が含まれています。だから、多くのプラグインが関わっている。 –

まず、Web Page Analyzerを使用してウェブサイトをテストすれば、結果はサイトをスピードアップするためのいくつかのソリューションを提供します。あなたの全体的な目標は、すべての推奨事項を緑色にすることです。

ミニドキュメントを作成することによって実行できるHTTPリクエストの数を減らすことから始めます。これは、出力ファイルの数を結合し、それらを1つのファイルにグループ化します。 10の.jsファイルは1つのjsファイルになります。これを行うにはW3Total Cache Pluginを使用することをおすすめします。

サイトに大量の画像がある場合は、Photoshop's Save For Web optionを使用して各画像が最適化されていることを確認したい場合は、画像の読み込み時間を大幅に短縮できます。これを行うバッチを作成して、すべてのイメージを1回のスワップで最適化できるようにする必要があります。

私はWordPressプラグインjQuery Image Lazy Load WPもインストールしました。これは、サイトのユーザーの認識をスピードアップするのに効果的です。

出典

2011-10-18 22:16:37

ありがとう、私はjQuery Image Loadプラグインを試しました...その問題は、フロントページにあるスライドショーを壊すことです。スクリプトが特定のスクリプトを除外する方法があったらいいのに...それは完璧だろう。 –

ここでは、特定のDIV、ID、およびクラス名を除外する方法についての回答があります。http://wordpress.org/support/topic/plugin-jquery-image-lazy-load-wp-custom-loading-of-multiple-rows-返信= 9 –

うわー、ありがとう。プラグインがショートコードを使ってスライドショーを実装しているので、ページに与えられたコードをどのように実装するかを理解するだけです。その "uBillboard" ...あなたがそれを聞いたかどうかわからない。 –

GoogleのPageSpeed InsightsとGTMetrixは、既に公開されている画像に必要な圧縮を分析し、提案しています。いずれかのツールから得られた推奨にしたがって、TinyPNGにナビゲートしてそれらの画像のサイズを変更してから、再度アップロードします。スマートな損失圧縮を使用して、PNGおよびJPG画像のファイルサイズを縮小し、完全なアルファ透明度を維持します。提供される出力は、Photoshopよりもはるかに小さく、品質は優れています。

出典

2015-03-02 08:28:57 JM2

Image Heavy Wordpressブログの速度を最適化する

答えて

関連する問題