WordPressでMinified化したstyle.min.cssを使う

Minified化とは?

Webコンテンツ最適化の手法の一つで、CSSとJSから動作に必要のないコメントや空白を取り除きファイルサイズを削って早くしようというもの

これをやったから爆速になるという訳ではないが、余分な情報を読み取る必要がなくなるのでレンダリング時及び、Webサーバ(コネクション)の最適化につながる

style.css の Minified 化

if( !is_admin()) {
  function min_style( $style_uri, $style_dir_uri ) {
  
    $style = str_replace(trailingslashit( $style_dir_uri ), '', $style_uri );
    $style = str_replace('.css', '.min.css', $style );
    
     if ( file_exits(trailingslashit( STYLESHEETPATH ) . $style ) ) {
         $style_uri = trailingslashit( $style_dir_uri ) . $style;
     }
     
     return $style_uri;
   }
   add_filter( 'stylesheet', 'min_style', 10, 2 );
}

上記をfunctions.phpに書くとstylesheet_uriのフックでstyle.cssをstyle.min.cssに置換するもの

style.min.cssをstyle.cssと同じ階層に置けばmin.cssが使われて、なければstyle.cssをという感じでいい感じに変更できる

いいなと思ったら応援しよう!