全く意味が分からないので、こちらのサイトで教えて頂きました。
リソースを圧縮して転送サイズを減らしブログを高速化する方法(CSS、JS、WEBフォントなどの圧縮)
ようは、読み込み速度がおそくて、ユーザビリティが低下するということです。
ちなみに、スマホ対応していないと検索順位に影響するようになりました。
今調べたら、スピードが遅いサイトも評価を下げるそうです。
どちらも、上記のサイトからの情報です。SEOのことは、とても参考になります。
SEOのことで検索するとよく出てきます(笑)ちなみに、まだ、スマホ対応されていないご様子。
何かほかにもサイトがあるのか、実験しているのかもしれません。
さあ、本題です。
こちらのサイトで、計測です。
モバイルフレンドリー(スマホなどに対応していること)は大丈夫です。
ユーザーエクスペリエンスのスコアは99点!!
これに関しては、レスポンシブルなテンプレートを使っていれば大丈夫だと思います。
原点の対象は、リンクが近すぎたり、小さいそうです。
タップ ターゲットのサイズを適切に調整する
ウェブページのリンク/ボタンのいくつかは小さすぎるため、ユーザーがタッチスクリーンで簡単にタップできない場合があります。ユーザー エクスペリエンスを向上させるためにタップ ターゲットをより大きくすることをご検討ください。
次のタップ ターゲットは、近くにある他のタップ ターゲットと近すぎるため、周囲のスペースの拡大が必要になる場合があります。
google様の細かい気遣いですね。
そして、リソースの圧縮とブラウザキャッシュもやりました!
48点→61点 13点アップ
まだまだかもしれませんが、だいぶ良いですね。
下のコードを、上記のサイトから「.htaccess」にコピペします。
一番上のディレクトリにある、「.htaccess」に貼ります。
13行目までは、ワードプレスの情報なので、そこは削除してください。
リダイレクトの設定溶かしてあると思うんので、そこはそのままです。
そして、「.htaccess」ファイルの作成方法が特殊で、メモ帳で良いのですが、アップしたあとに、
名前の変更で、.htaccess.txtを.htaccessに変えます。
次は画像の最適化に挑戦していこうと思います!
「スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する」
これは、また、大変そうです。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | suPHP_ConfigPath /home/[サーバID]/[ドメイン]/xserver_php/ AddHandler x-httpd-php5.3 .php .phps #PHPのバージョン指定 # BEGIN WordPress <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] </IfModule> # END WordPress #フォントのcontent-typeの追加 AddType application/vnd.ms-fontobject .eot AddType application/x-font-ttf .ttf AddType application/x-font-opentype .otf AddType application/x-font-woff .woff AddType image/svg+xml .svg #ブラウザキャッシュの設定 ExpiresActive On ExpiresByType text/css "access plus 1 days" ExpiresByType image/gif "access plus 1 weeks" ExpiresByType image/jpeg "access plus 1 weeks" ExpiresByType image/png "access plus 1 weeks" ExpiresByType application/x-javascript "access plus 1 weeks" #フォント ExpiresByType application/vnd.ms-fontobject "access plus 1 year" ExpiresByType application/x-font-ttf "access plus 1 year" ExpiresByType application/x-font-opentype "access plus 1 year" ExpiresByType application/x-font-woff "access plus 1 year" ExpiresByType image/svg+xml "access plus 1 year" #圧縮の設定 AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript #フォント AddOutputFilterByType DEFLATE application/x-font-ttf application/x-font-opentype image/svg+xml |