datasimのブログ

メインブログのiphone大好き主婦も宜しくお願い致します♪

AMPやめようと思うけどどうなの

このサイトはAMP対応していますが、いろいろと面倒です
ちょっとでもエラーが出るとAMPではなくなってしまいますしね

でも、せっかくAMP対応したのに、
元に戻すのも何かもったいないと思ってます
そこで、AMP対応しつつ、自分の好きな記事だけAMPにします

AMP設定ができている状態でfunctions.phpに追加します

// 特定の記事でAMP表示しない
add_filter( 'amp_skip_post', 'skip_disable_amp_posts', 10, 3 );
function skip_disable_amp_posts( $skip, $post_id, $post ) {
    $amp_meta = get_post_meta( $post_id, '_disable_amp', true);
    if ( 'disable' === $amp_meta ) {
        $skip = true;
    }
    return $skip;
}

// AMPプラグインが有効なとき、投稿画面にAMP無効の項目を追加
add_action( 'add_meta_boxes', 'myplg_meta_box_init' );
function myplg_meta_box_init() {
    include_once( ABSPATH . 'wp-admin/includes/plugin.php' );
    if ( is_plugin_active('amp/amp.php') ) {
        add_meta_box( 'disable_amp', 'AMP', 'my_disable_amp_box', 'post', 'side', 'default' );   
    }
}
function my_disable_amp_box( $post, $box ) {
    $amp_meta = get_post_meta( $post->ID, '_disable_amp', true );
    $status = ( $amp_meta === 'disable' ) ? ' checked="checked"' : '';
    echo '<form action="" method="POST"><label for="disable_amp_checkbox"><input id="disable_amp_checkbox" type="checkbox" name="disable_amp" value="disable"' . $status . '/>AMPを無効にする</label>';
    wp_nonce_field( 'disable_amp_action', 'disable_amp_nonce' );
    echo '</form>';
}

// カスタムフィールドで管理
add_action( 'save_post', 'save_disable_amp_meta' );
function save_disable_amp_meta( $post_id ) {
    // 自動保存を無視
    if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
        return;
    }
    // セキュリティ関係
    if ( ! isset( $_POST['disable_amp_nonce'] ) || ! check_admin_referer( 'disable_amp_action', 'disable_amp_nonce' ) ) {
        return;
    }
    // カスタムフィールドの更新
    if ( isset($_POST['disable_amp']) ) {
        update_post_meta( $post_id, '_disable_amp', $_POST['disable_amp'] );
    } else {
        $amp_meta = get_post_meta( $post_id, '_disable_amp', false );
        if ( ! empty( $amp_meta ) ) {
            update_post_meta( $post_id, '_disable_amp', '' );
        }
    }
}


記事投稿画面にチェックボックスができました
これで、AMPにするかどうか自分で選択できます

エラーを出さずに完全にやめるには、AMPプラグインを停止して、
通常ページへリダイレクトする必要があります
ただプラグインを停止しただけでは、キャッシュが消えるまで、
検索結果などのAMPページはエラーになってしまいます
数日でAMPページは消えて、通常ページになります

毎日数十件も更新するニュースサイトではとても重要だけど、
時々しか更新しない個人のブログでは全然必要ない気がしています
AMPテンプレートのカスタマイズが思い通りにできないので、
まだ時期が早かったんだと自分で納得しています

AMPやめようと思うけどどうなの is a post from: iphone大好き主婦



WordPressの高速化に重要なキャッシュは2種類あった

WordPressの高速化に必要なキャッシュ

キャッシュにも種類がいろいろあります
・ブラウザキャッシュ
・ページキャッシュ
・データベースキャッシュ
・オブジェクトキャッシュ など

この中で簡単に設定できるのが、
・ブラウザキャッシュ
・ページキャッシュ だと思います
そしてとても重要なキャッシュです

 

ブラウザキャッシュ

ブラウザキャッシュは、Webサイトを閲覧しているユーザーがそれぞれのブラウザにキャッシュされます
CDNを利用すると、ネットワーク上にキャッシュされます

ブラウザキャッシュは、.htaccessに記述しています
.htaccess を自分で変更するのが不安ならば、
「WP Fastest Cache」や「WP Speed of Light」というプラグインがオススメです

「WP Fastest Cache」の設定画面

「WP Speed of Light」の設定画面

プラグインを使うか、.htaccessに記述するかどちらかですね

 

ページキャッシュ

ページキャッシュは、WordPressPHPMySQLを使ってHTMLを作り上げるシステムです
そのファイルシステムに対するキャッシュです

実はこのページキャッシュが一番速さに関係しています
有名なプラグインは「WP Super Cache」「W3 Total Cache」ですが、
何となく使いたくなくて
mod_pagespeedをONにしてみたりといろいろやったけど
なかなか思うようにいかなくて
そんな中、とても素敵なプラグインがありました

「Yasakani Cache」です

「Yasakani Cache」の設定画面

設定もシンプルで、キャッシュのクリアも簡単です
何と言っても、このプラグインは私の大好きなプラグイン
「plugin load filter」の作成者と同じでした
もう迷う理由がありません
「plugin load filter」は、必要なページで必要なプラグインだけを使えるように設定できるという、素晴らしいものです
  ページで必要なプラグインだけを読み込むプラグイン plugin load filter

 

「WP Fastest Cache」はページキャッシュにも対応しています
ただ、モバイルのキャッシュが有料版でしか提供されていません
支払いは一度きりなのでこちらでもいいですね

 

ブラウザキャッシュは、.htaccessに記述して
ページキャッシュは、「Yasakani Cache」のプラグインを使用しています
やっと緑色になりました

ブラウザキャッシュの設定はPageSpeed Insightsで確認できます
ページの表示速度はGtmetrixで確認できます
もっと詳細に知りたい場合はWebpagetestで確認できます

 

mod_pagespeed は、必要な機能をフィルターして使った方が良いようです
まだ勉強中なので mod_pagespeed は現在OFFにしています
  サーバー高速化。Googleが提供している、mod_PageSpeedのインストール。

一年くらい前に高速化したつもりだったけど、見直してみると全然ダメでした
定期的にチェックしないといけませんね

WordPressの高速化に重要なキャッシュは2種類あった is a post from: iphone大好き主婦



LINEの隠し機能「花火」試してみた?

LINEのトーク画面で「花火」と打つと・・・
トークの背景に打ち上げ花火が上がる隠し機能があります

最新のバージョンにアップデートしていないとうまくいきません
最新のバージョンにアップデートしてもうまくいかない場合は、
画面右下の・・・をクリックして設定画面を表示します
右上の歯車をクリックして閉じます
これでできるようになります

タイミングが合わず、いい写真が撮れませんが、綺麗ですよ

主人に見せたけど、興味なしでした
男性は興味ないのかな

LINEの隠し機能「花火」試してみた? is a post from: iphone大好き主婦