明日の当たり前にお問い合わせこのブログについてRailsでページスピードを少しでも早く軽くするBootstrapカスタマイズ2019.10.12技術力メモHOME技術力メモRailsでページスピードを少しでも早く軽くするBootstrapカスタマイズBootstrapはある程度のデザインや機能を簡単に実装できるのですが、個人レベルで運営するサイトでは、充分すぎて要らないものも多いです。要らないものは使わなければ良いのですが、SEOの観点では、CSSやJavascriptは軽量で画面表示速度が速い方が有利です。RubyやPHPでのサイト作成時にデフォルト設定のままだと全てのライブラリを読み込むことになり、ユーザビリティの低下につながります。ここでは、Railsで行なったBootstrapのカスタマイズの備忘録を残しておきます。変更例bootstrapモジュールの読み込み削除(CSS)application.scssから以下の記述をコメントアウトします。"bootstrap_customize";bootstrapモジュールを個別に読み込む(CSS)bootstrapモジュール用のベースを作成するbootstrap_customize.scssという名前で、bootstrapモジュール管理用のscssを作成します。bootstrapモジュールの個別読み込みbootstrap_customize.scssに使用するbootstrapモジュールを個別に記載します。"bootstrap/responsive-utilities";変更例これを、以下のようにカスタマイズしています。"bootstrap/responsive-utilities";bootstrapモジュールの読み込み削除(Javascript)application.scssから以下の記述をコメントアウトします。bootstrap-sprockets_customize.jsという名前で、bootstrapモジュール管理用のscssを作成します。bootstrapモジュールの個別読み込みbootstrap-sprockets_customize.jsに使用するbootstrapモジュールを個別に記載します。bootstrap/popover変更例これを、以下のようにカスタマイズしています。bootstrap/tabこれでCSS、Javascriptのボリュームを半分にすることも可能です。deniedがでた時の原因でディレクトリの権限設定が問題であるケースが多い。Analyticsで参照元がdirectであるアクセスが急増したので、原因調査と対策をしました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。WordPress.。