Wordpress Dokumente

Entfernen Sie CSS und JS auf WordPress

19/02/2023

Ungenutzte CSS- und JS-Dateien auf WordPress können die Website verlangsamen. Diese Dateien können Standarddateien in WordPress sein oder von einem Plugin stammen. Es kann die Website beschleunigen, indem es diese nicht verwendeten Dateien löscht. Um die Style-Dateien zu entfernen, fügen Sie die Codes, die Sie unten benötigen, in die Datei functions.php ein.

Entfernen Sie Standard-Wordpress-CSS und -JS

Entfernen Sie Emoji-Skripte

/* Entfernen Sie Emoji-Skripte */
remove_action( 'wp_head', 'print_emoji_detection_script', 7 );

Entfernen Sie Emoji-Stile

/* Standard-Emoji-CSS entfernen */
remove_action( 'wp_print_styles', 'print_emoji_styles' );

Entfernen Sie den globalen Stil von WordPress

Wordpress Global Style

/* Globalen Stil entfernen 'id="global-styles-inline-css"' */
remove_action( 'wp_enqueue_scripts', 'wp_enqueue_global_styles' );

Entfernen Sie WordPress-Feeds (application/rss+xml)

/* Entfernen application/rss+xml */
remove_action( 'wp_head', 'feed_links', 2 ); 
remove_action( 'wp_head', 'feed_links_extra', 3 );

Entfernen Sie WordPress RSD (application/rsd+xml)

/* Remove application/rsd+xml */
remove_action( 'wp_head', 'rsd_link' );

Entfernen Sie WordPress Wlwmanifest (application/wlwmanifest+xml)

/* Remove application/wlwmanifest+xml */
remove_action( 'wp_head', 'wlwmanifest_link' );

Kurzlink entfernen

/* Remove rel="shortlink" */
remove_action( 'wp_head', 'wp_shortlink_wp_head', 10, 0 );

Entfernen Sie den WordPress-Generator

/* Entfernen Sie den WordPress-Generator */
remove_action( 'wp_head', 'wp_generator' );

Anderes CSS und JS entfernen

Sie können das mit dem Element <link rel=”stylesheet”> hinzugefügte CSS mit dem folgenden Code entfernen.

wp_dequeue_style();

Der folgende Beispielcode <link rel='stylesheet' id='wp-block-library-css' href='' media='all' /> kann verwendet werden, um CSS-Code zu entfernen. Der zu entfernende CSS-Link wird durch die ID mit wp_dequeue_style bestimmt, es ist nicht notwendig, das Suffix “-css” am Ende der ID zu verwenden.

/* Entfernen <link rel="stylesheet" CSS> */
add_action( 'wp_enqueue_scripts', 'remove_styles' ); 
function remove_styles() { 
     wp_dequeue_style( 'wp-block-library', get_stylesheet_uri() ); 
}

Stil auf bestimmter Seite entfernen

Verwenden Sie den folgenden Code, um nicht verwendete CSS-Dateien auf einer bestimmten WordPress-Seite zu entfernen.

/* Stil auf bestimmter Seite entfernen */

add_action('wp_print_styles','_remove_style',100);

function _remove_style(){
global $post;
$pageUrl = get_permalink($post->ID);
if( $pageUrl=='https://example.com/page1/' ) {
    wp_dequeue_style('wp-block-library');
  }
}

Verweise: https://stackoverflow.com/questions/38633991/how-to-remove-style-css-on-specific-wordpress-page