Wie löse ich “Eliminiere Render-Blocking-JavaScript und CSS in überfalteten Inhalten für mehrere Dateien?

Ich erhalte dies, wenn ich meine Website in Google Insight überprüfe:

Google Einblick

Ziemlich ok oder? Aber ich überlege immer noch zu beheben Eliminieren Render-Blocking JavaScript und CSS in über-the-Fold-Inhalt , um auch auf Handys eine gute Ergebnisse zu erhalten.

Ich füge CSS, JS-Dateien mit dem folgenden Code hinzu:

/* loading the default styles of the theme */ function theme_style_sheets() { wp_enqueue_style( 'google-font', 'http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800', '', '1.0.0' ); wp_enqueue_style( 'theme-style', get_template_directory_uri() . 'style.css', '', '1.0.0' ); wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/css/bootstrap.css', '', '1.0.0' ); wp_enqueue_style( 'bootstrap-responsive', get_template_directory_uri() . '/css/bootstrap-responsive.css', '', '1.0.0' ); wp_enqueue_style( 'camera', get_template_directory_uri() . '/css/camera.css', '', '1.0.0' ); wp_enqueue_style( 'docs', get_template_directory_uri() . '/css/docs.css', '', '1.0.0' ); wp_enqueue_style( 'prettyphoto', get_template_directory_uri() . '/css/prettyPhoto.css', '', '1.0.0' ); wp_enqueue_style( 'theme', get_template_directory_uri() . '/css/theme.css', '', '1.0.0' ); wp_enqueue_style( 'tango-skin', get_template_directory_uri() . '/css/skins/tango/skin.css', '', '1.0.0' ); } add_action( 'wp_enqueue_scripts', 'theme_style_sheets' ); /** * loading the default scripts of the theme */ function theme_scripts() { wp_enqueue_script( 'jquer-easing', get_template_directory_uri() . '/js/jquery.easing.1.3.js', array(), '1.0.0', true ); wp_enqueue_script( 'jquer-mobile', get_template_directory_uri() . '/js/jquery.mobile.customized.min.js', array(), '1.0.0', true ); wp_enqueue_script( 'camera', get_template_directory_uri() . '/js/camera.js', array(), '1.0.0', true ); wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/js/bootstrap.js', array(), '1.0.0', true ); wp_enqueue_script( 'superfish', get_template_directory_uri() . '/js/superfish.js', array(), '1.0.0', true ); wp_enqueue_script( 'jquer-prettyphoto', get_template_directory_uri() . '/js/jquery.prettyPhoto.js', array(), '1.0.0', true ); wp_enqueue_script( 'jquer-jcarousel', get_template_directory_uri() . '/js/jquery.jcarousel.js', array(), '1.0.0', true ); wp_enqueue_script( 'jquer-tweet', get_template_directory_uri() . '/js/jquery.tweet.js', array(), '1.0.0', true ); wp_enqueue_script( 'myscript', get_template_directory_uri() . '/js/myscript.js', array(), '1.0.0', true ); } add_action( 'wp_enqueue_scripts', 'theme_scripts' ); function load_external_jQuery() { // load external file wp_deregister_script( 'jquery' ); // deregisters the default WordPress jQuery wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"), false); wp_enqueue_script('jquery'); } add_action('wp_enqueue_scripts', 'load_external_jQuery'); 

Nach dem obigen Code sollten die JS-Dateien in die Fußzeile geladen werden und diese in die Fußzeile geladen werden. Aber immer noch google enthält diese Dateien in Eliminate Render-blockierenden JavaScript und CSS in über-the-Fold-Inhalt warum?

Auch ich habe verschiedene Methoden ausprobiert wie: http://moz.com/community/q/fixing-render-blocking-javascript-and-css-in-the-above-the-fold-content Aber der output bleibt gleich .

Auch in dieser Methode muss ich alle JS / CSS-Dateien kombinieren. Ich möchte nicht alle Dateien zu einem zusammenfassen.

Ich habe auch andere Schnipsel ausprobiert, um verschiedene Dateien zu unterscheiden. Auch der Ausgang ist gleich.

Jetzt zeigt google insight Folgendes:

Google Einblick 2

Wie kann ich das OHNE jedes Plugin lösen?

Dafür gibt es viele Plugins. Aber ich verwende kein Plugin auf meiner aktuellen Seite und ich vermeide es, Plugins zu vermeiden.

Solutions Collecting From Web of "Wie löse ich “Eliminiere Render-Blocking-JavaScript und CSS in überfalteten Inhalten für mehrere Dateien?"