フロントエンド

jQUery 画像 拡大 メモ

HTML ---------- <div> <img src="img/g-housoushi-03-thumb.jpg" alt="" class="thumbnail-3"> <span class="noshi-title">01 水玉(赤色系)</span> <div id="largeImg-3"><img width="800" src="img/g-housoushi-03.jpg"></div> </div> ----------- CSS .thumbnail-3 {width:80%;} #largeImg-3 {display: none;} .l…

WP js 読みこみ フッターから

function my_load_widget_scripts() { wp_enqueue_script('widgets_js', get_template_directory_uri() . '/js/script.js', array() , Null,true); wp_enqueue_script('hatebu', get_template_directory_uri() . '/js/doubletaptogo.js"', array(),Null,true…

WP functions.php デフォルト jQuery の読みこみをさせない CDN に代える

/* --- デフォルト jQuery の読みこみをさせない CDN に代える --- */ function load_cdn() { if ( !is_admin() ) { wp_deregister_script('jquery'); // 同梱のJQueryを読み込ませない //Google CDNのJQueryの登録 wp_register_script('jquery', 'https://c…

ブラウザのキャッシュ設定

# ブラウザキャッシュの設定 <IfModule mod_headers.c> <ifModule mod_expires.c>ExpiresActive On # キャッシュ初期化(1秒に設定) ExpiresDefault "access plus 1 seconds" # MIME Type ごとの設定 ExpiresByType text/html "access plus 1 weeks" ExpiresByType text/css "access plus 1 weeks" ExpiresBy</ifmodule></ifmodule>…

高速化 メモ

# キャッシュを有効にするHeader set Cache-Control "max-age=2628000, public" # キャッシュ設定<IfModule mod_expires.c>ExpiresActive On# キャッシュ初期化(1秒に設定)ExpiresDefault "access plus 1 seconds"ExpiresByType image/jpg "access 1 year"ExpiresByType image/jpeg</ifmodule>…

プラグインのstylesheetを読み込ませない

function my_delete_plugin_files() { wp_deregister_script('jquery'); // jQuery を読み込ませない CDNで読ませておく wp_dequeue_style( 'jetpack-top-posts-widget' ); // プラグインのstylesheetを読み込ませない } add_action( 'wp_enqueue_scripts', …

レンダリングを妨げるJavaScriptを最適化する

<script async defer src="aa.js"></script>

各種ファイルを縮小するAutoptimize

Autoptimizeの設定画面に行き下記の3つのチェックボタンをチェック。Optimize HTML CodeAutoptimizeの設定画面に行き下記の3つのチェックボタンをチェックします。Optimize HTML CodeOptimize JavaScript CodeOptimize CSS Code

.htaccess 圧縮

<ifModule mod_deflate.c> AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE app</ifmodule>…