日: 2015年7月22日

ラミールさんで最適化させたりしたメモ

WP Fastest Cacheを入れても遅い
google 速度　テスト
https://developers.google.com/speed/pagespeed/insights/

モバイルフレンドリーテスト
https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fdoggstarpromotion.info%2F

WPデフォ　リダイレクト解説
http://rensrv.com/wp/wp-auto-redirect-pattern/tag/

まずパーマーリンクの変更だかブログ記事とページは
一応Redirectionsを入れてから
デフォルトかたポストネームに変更したが自動でリダイレクトされた301らしい
カスタムポストに設置したタクソノミーもとんだ。
但しカスタムポストタイプは旧URLでもアクセスできるが
新URLへは自動で飛ばない
本気だすなら全部転送させるべし

しかし　
アクセスはできるが　飛ばない、　新URLでサイト内では見れるので
流れは消えないし、ページが増えた感じになって
そのうち旧URLがどこからもリンクされないのでアクセスできなくなるはずなのでまつ。

確認はsite:http://www.remile.jp/で

ogイメージサイズは470×246
複数せっていOK
シェア時のみ選択可能

og設定はフォーマットプラン参照

ラミールさんの管理画面
wp file cashを切るととても遅かった。

何のプラグインが重いか測るプラグインいれて P3 (Plugin Performance Profiler)
シンプルライトボックスだったので　wp-jquery-lightboxに変更
「但しwp-jquery-lightboxにてモバイルcss用に

body div{
max-height: 100%; }

を使用する場合は

body div{
max-height: 200%; }

など大きくすると暗くなる画面が広くなるので
調整する。」

それでも遅かった。

良くあるトラブルで
バージョンアップ時に
wpfilecashやデータベースキャッシュリロードFIXなどをおんのままだと
アップしてからデータベースが最新ですとかなって
プラグインフォルダを消さなければ
ログイン出来なくなる。たたあったので
使用控えてた。タームオーダーも効かないし（WPFILECASH）

またアップグレードしてなったので（WPFILECASH）消す
ログイン
重いので調査わからない
管理画面が重いので
（WPFILECASH）を再インスト
インスト出来て　有効かできてから
プラグインフォルダから削除してら
なんか正常に動いた気がした。

テーマファイル画像をロスレス圧縮するアプリを購入
Lossless Photo Squeezer

こいつでjpgとか1/3とかにできる。
プウロードファイルをする場合は
プラグインEWWW Image Optimizer
をいれておく

Remove metadata
Hide Conversion Links
にチェック

あとJavaScript to Footer
ってやついれた

その他
http://viral-community.com/wordpress/lazy-load-5769/
Lazy Load
http://bazubu.com/speed-up-wordpress-site-19465.html

http://wp-kappa.com/bj-lazy-load/
http://kojikoji75.hatenablog.com/entry/2013/05/20/213140

WP Nofollow Post
これで記事内外部リンクをのふぉろーかできる

スマフォに軽く最適化させたメモ　Dサイト

ファンクション

//モバイル分岐　タブレット含まず
function is_mobile(){
    $useragents = array(
        'iPhone', // iPhone
        'iPod', // iPod touch
        'Android.*Mobile', // 1.5+ Android *** Only mobile
        'Windows.*Phone', // *** Windows Phone
        'dream', // Pre 1.5 Android
        'CUPCAKE', // 1.5+ Android
        'blackberry9500', // Storm
        'blackberry9530', // Storm
        'blackberry9520', // Storm v2
        'blackberry9550', // Storm v2
        'blackberry9800', // Torch
        'webOS', // Palm Pre Experimental
        'incognito', // Other iPhone browser
        'webmate' // Other iPhone browser
 
    );
    $pattern = '/'.implode('|', $useragents).'/i';
    return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);

//モバイル分岐　タブレット含む
function is_mobile() {
  $useragents = array(
    'iPhone',          // iPhone
    'iPod',            // iPod touch
    'Android',         // 1.5+ Android
    'dream',           // Pre 1.5 Android
    'CUPCAKE',         // 1.5+ Android
    'blackberry9500',  // Storm
    'blackberry9530',  // Storm
    'blackberry9520',  // Storm v2
    'blackberry9550',  // Storm v2
    'blackberry9800',  // Torch
    'webOS',           // Palm Pre Experimental
    'incognito',       // Other iPhone browser
    'webmate'          // Other iPhone browser
  );
  $pattern = '/'.implode('|', $useragents).'/i';
  return preg_match($pattern, $_SERVER['HTTP_USER_AGENT']);
}

ヘッダー

 <?php if (is_mobile()) : ?>
 <link href="/css/mobile.css" rel="stylesheet" type="text/css" />
 <?php else: ?>

<?php endif; ?>

moble.css

@charset "UTF-8";
/* CSS Document */

/*font-size:100%は親要素mに依存
最も親か？？
いや直上の指定してある親だ
なにも親がしていしていなければ
ボディー
ボディーもしていなければ
ブラウザ依存
*/
.blog_con{ font-size:120%!important}
.blog_titel_min{font-size:100%!important}

body{ font-size:16px;}


/*.top_titel,*/
/*.top_sub_titel,*/
/*.top_sub_span,*/
.color_blue,
.top_box p,
.top_con p,
.top_p,
.jirei_sub_title
{font-size:150%!important}


.set_day_all{font-size:150%!important}
.set_day{ width:auto; margin-right:30px;}

.jirei_disp_con{ font-size:100%!important}

body #wp_page_numbers li a{ font-size:300%!important;
padding:30px!important;}

直で埋め込んであった改行削除コード

  <?php if (is_mobile()) : ?>
<style type="text/css">
.smap br { display:none;
}
</style>
<?php else: ?><?php endif; ?>

事例ページなどをpで最適化し
pを150%などにした。

基本csss

/*モバイル用
文字が大きくならない*/
body div{
max-height: 100%; }

wordpress キャッシュプラグインと　画像圧縮プラグイン　サイト速度検査

WP Fastest Cache
http://webshufu.com/wp-fastest-cache/
http://pochilog.jp/2015/07/post-3139/
http://webshufu.com/wp-fastest-cache/

モバイルはキャッシュしない

調査　developers.google.com
https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdoggstarpromotion.info%2F&tab=desktop

画像のロスレス圧縮
EWWW Image Optimizer
http://webkaru.net/wordpress/plugin-ewww-image-optimizer/

EWWW Image Optimizerで画質が劣化しない設定と使い方
http://afirika.net/ewww-image-optimizer
画像圧縮プラグイン使い方

アンドロイド　スマフォ　クロームにて　文字サイズが大きくなる件

http://www.seomode.jp/html-css/2014/06/25/3339/

このサイトによるとviewportが数字で指定してある場合になる

対処法は

max-height: 100%;

全体のdivにかける

body div{
max-height: 100%; }

ただし
大きくなってほしい場合もあるが
#main_contents div{ max-height:none!important}
では駄目なようだ

一度100%で設定してしまうと
noneでも大きくならない

但し
一度
max-height: 100%; で指定して
のちにスマフォ用の分岐をいれていけば
いいのかなと思う

かってに大きくなると
こまるので

追記
ポップアップのdivが表示おかしくなったので　たしか

/*モバイル用
文字が大きくならない*/
body div{
max-height: 200%; }

とした

また
iPhoneで文字が勝手に大きくなるのは

body {
  -webkit-text-size-adjust: 100%;
}

こちら　同じ記事かくわ