Chrome開発ツールのカバレッジを使用して使われていない不要なCSS/Javascriptの要素を確認する ( Chrome Coverage ) WordPress 6.5.2, 高速化・軽量化 AWS運用入門 押さえておきたいAWSの基本と運用ノウハウ 概要説明 不要な記述を少しでも減らしたいという方向けのテクニック。Chrome開発ツールのカバレッジ機能を使用して作業を行いますが、使われていないという判定になったとしても複数ページでのチェック、コメントアウトを行ってから削除など少しずつ削除してく作業となります。 ~ 目次 ~1 WordPressの場合はテーマを利用していると使っていない不要な定義が発生しやすい2 Chromeカバレッジ画面の表示3 style.cssを対象に検証をする場合4 検証結果の確認方法5 バックアップを行ったうえで少しずつコメントアウト6 この要素は必要なさそうかなというものが見つかったら7 キャッシュをクリアしながら確認 WordPressの場合はテーマを利用していると使っていない不要な定義が発生しやすい ファイルによっては全く使っていないものや90%以上使っていない定義が記述されているという場合もあります Chromeカバレッジ画面の表示 開発者ツールの下に「カバレッジ」が表示されたら利用準備完了です WordPressサイトのお引越し : 25,000円style.cssを対象に検証をする場合 確認したいファイル名でフィルタリング設定を行いうと作業が行いやすいです 検証結果の確認方法 一覧に表示されている対象のファイルを選択することで検証結果の確認ができます 先頭に赤いラインがついている定義が使用していないと判定された箇所になります。 バックアップを行ったうえで少しずつコメントアウト 赤いラインがついていても絶対に不要とは限らないのでバックアップを行ったうえで少しずつコメントアウトしていきます いきなり削除するともとに戻したい場合が大変なのでコメントアウトにて対応します。最終的に問題ないことが確認できたらまとめて削除します この要素は必要なさそうかなというものが見つかったら 該当ページだけではなく他のページでも確認してみましょう。主張なレイアウトにて一通り確認してどこでも使われていないものをコメントアウトしていきます 使っていない定義だとしても今後使うかもしれないというものは残しておきましょう キャッシュをクリアしながら確認 コメントアウトして確認してどいう作業の際にキャッシュが残っていると修正が反映されていない状態で確認を行っていることになります。シークレットウィンドウなどを使用して確認がオススメです 修正前のバックアップファイルを残しておくことで後々必要なものを削除してしまったときにも復元が行えます WordPress 6.5.2, 高速化・軽量化 WordPress PDFや配布ファイルのダウンロード数を確認できるようにするプ…前の記事 WordPress dashicons.min.cssファイルの読み込みをログイ…次の記事
ヒツジのいらない枕 枕 まくら テンセル枕カバー付き 丸洗いOK 快眠枕 通気性 横向き寝 耐圧分散 寝返り BIGサイズモデル (極柔) 5星中4.2(2669) Amazon プライム対象 ¥22,000
Warning: call_user_func_array() expects parameter 1 to be a valid callback, function ‘xxx’ not found or invalid function nameの対応トラブル・エラー対応