Cómo acelerar WordPress – Limpiar el código interno
¿Quiere tener un sitio web con un tiempo de carga de página de menos de 3 segundos? Puede consultar el sitio web de yasir252 en la prueba de velocidad de página. Definitivamente obtendrás una velocidad inferior a 3 segundos, tal vez incluso inferior a 2 segundos. ¿Tienes curiosidad por saber cómo? Bien, para el material anterior discutimos cómo deshabilitar el jetpack de solicitud externa para reducir las fuentes salientes en el sitio web. El impacto para aquellos de ustedes que usan jetpacks debe sentirse ahora, ¿verdad? No está mal, puede reducir 200 ms el tiempo de carga de la página. Así que ahora discutiremos los aspectos internos del sitio web más específicamente, es decir, cómo limpiar el código interno que no es muy importante en WordPress.
WordPress ha implementado muchas actualizaciones. Comenzando por agregar emojis (que en realidad no son tan importantes), agregar la función de incrustación automática y cosas por el estilo. Si eres un fanático de la velocidad y el rendimiento como yo, por supuesto que no quieres que el código sea un obstáculo para tu sitio web, ¿verdad?
Hay varios código que se puede limpiar:
- Deshabilitar emojis en WordPress
- Deshabilitar incrustaciones
- Eliminar cadenas de consulta
- Deshabilitar XML-RPC
- Eliminado jQuery migrar
- Deseche el número de versión de WordPress
- Eliminar enlace wlwmanifest
- URL de preconexión
- Captura previa de DNS
- Deshabilitar imágenes responsivas
Cómo limpiar el código interno de WordPress
Antes de comenzar a seguir los pasos a continuación, primero debe hacer una copia de seguridad de su sitio web. Después de realizar la copia de seguridad, puede realizar una prueba de velocidad utilizando herramientas para medir el tiempo de carga de la página, como Herramientas de velocidad de página de Pingdom. Para comenzar a limpiar el código, necesita acceso a Funciones del tema.php. Donde puede insertar el siguiente código en la parte inferior del tema funciones.php.
Deshabilitar imágenes responsivas en WordPress
WordPress introdujo la función de imagen responsiva hace varios años. Su función es producir varias imágenes fuente para ciertos tamaños de resolución de pantalla. Normalmente, este código se inserta para todas las imágenes en forma del atributo srcset=imagen de tamaño grande, imagen de tamaño mediano, imagen de tamaño pequeño, imagen de tamaño muy pequeño. ¿Imagínese si tuviera cientos de imágenes en una página? ¿Te imaginas cuánto durará el código HTML?
/**
* Disable responsive image support (test!)
*/
// Clean the up the image from wp_get_attachment_image()
add_filter( 'wp_get_attachment_image_attributes', function( $attr )
{
if( isset( $attr['sizes'] ) )
unset( $attr['sizes'] );
if( isset( $attr['srcset'] ) )
unset( $attr['srcset'] );
return $attr;
}, PHP_INT_MAX );
// Override the calculated image sizes
add_filter( 'wp_calculate_image_sizes', '__return_empty_array', PHP_INT_MAX );
// Override the calculated image sources
add_filter( 'wp_calculate_image_srcset', '__return_empty_array', PHP_INT_MAX );
// Remove the reponsive stuff from the content
remove_filter( 'the_content', 'wp_make_content_images_responsive' );
Eliminado JQuery Migrate
WordPress comenzó a agregar jQuery Migrate en WordPress 3.6. Sin embargo, debes saber que la mayoría de los complementos y temas actuales ya no usan jquery-migrate.min.js. Por ejemplo, el que uso ya no usa JQuery Migrate, que es súper lento y puede aumentar el tiempo de carga de la página en 100 ms.
add_filter( 'wp_default_scripts', 'removeJqueryMigrate' );
function removeJqueryMigrate(&$scripts){
if(!is_admin()){
$scripts->remove('jquery');
$scripts->add('jquery', false, array('jquery-core'), '1.10.2');
}
}
Eliminar cadenas de consulta Versión WordPress
Esa cadena de consulta suele ser algo así como “?” ¿O a veces se agrega el “&” al final de los recursos (CSS, JS) en WordPress, junto con el número de versión, como edd.min.css? Versión = 2.7.9. Esto puede reducir su puntuación en herramientas para probar la velocidad del sitio web, como Información sobre la velocidad de la página de Google. Aparte de eso, al eliminar el número de versión en CSS y JS en WordPress, también puede reducir parte del código de marcado en HTML, lo que puede aumentar el tiempo de carga de la página en aproximadamente 50 ms. No está mal, ¿verdad?
add_filter( 'style_loader_src', 'sdt_remove_ver_css_js', 9999 );
add_filter( 'script_loader_src', 'sdt_remove_ver_css_js', 9999 );
function sdt_remove_ver_css_js( $src ) {
if ( strpos( $src, 'ver=" ) )
$src = remove_query_arg( "ver', $src );
return $src;
}
Limpieza de código RSD, WLWManifest, WP Shortlink, Feed_links y otros
Al ingresar el siguiente código en el tema funciones.php, puede reducir algunas líneas más de código HTML durante la carga de la página. No está mal, puede reducir el tiempo de carga de la página y el tamaño del HTML en 70 ms.
remove_action('wp_head', 'rsd_link');
remove_action('wp_head', 'wlwmanifest_link');
remove_action('wp_head', 'wp_shortlink_wp_head');
remove_action( 'wp_head', 'feed_links', 2 );
remove_action('wp_head', 'feed_links_extra', 3 );
function remove_version_info() {
return '';
}
add_filter('the_generator', 'remove_version_info');
Captura previa de DNS en Header.php
Los tiempos de resolución de DNS pueden provocar una latencia bastante importante. El tiempo necesario para la resolución de DNS varía mucho. Los retrasos de latencia oscilan entre 10 y 500 ms, e incluso pueden ser de más de 1 segundo. Por lo tanto, puede comprobar qué complementos o URL consumen un tiempo de resolución de DNS elevado mirando Waterfall.
<link rel="dns-prefetch" href="https://www.google-analytics.com" /> <link rel="dns-prefetch" href="https://safelinkconverter.com" />
Si ve arriba, el complemento de safelinkconverter requiere un tiempo de resolución de DNS de hasta 610 ms y esto no parece bueno. Luego puedes hacer DNS Prefetch en el archivo. tema encabezado.php para resolver este problema. Esta solución también se puede utilizar para Google Analytics. Aquí hay un ejemplo del código.
Uso del complemento Fast Velocity Minify
- Desactivar WP Emoji : Emoji en realidad carga un archivo JavaScript (wp-emoji-release.min.js) en cada página de su sitio web de WordPress. Estoy seguro de que realmente no lo necesitas. Entonces, todo lo que tienes que hacer es activar el complemento minify de velocidad rápida. Los emojis de WP se excluirán automáticamente de la carga de la página.
- Eliminar comentarios HTML : Vale la pena comprobar esta característica, porque puede eliminar varios códigos de comentarios HTML que aumentan el tamaño del HTML.
- Deshabilitar las fuentes de Google: Para aquellos de ustedes que aman la velocidad y el rendimiento de los sitios web, les sugiero usar las fuentes predeterminadas como Arial, Trebuchet, Helvetica, Tahoma y Verdana como fuentes del sistema. Si se ve obligado a utilizar una fuente distinta a esa, existe una alternativa: utilizar Google Fonts. Pero no lo recomiendo porque puede ralentizar la carga de la página de su sitio web en 280 ms. En este complemento, deshabilitar Google Fonts es muy fácil.
- Optimización previa a la conexión: Con este módulo puedes indicarle al navegador que se conecte simultáneamente a la URL en cuestión. Por lo tanto, el navegador del visitante ya no necesita esperar comandos de HTML para conectarse a la URL de terceros. Por ejemplo, Facebook, GoogleApis y otros archivos JS.
5. Combinando el complemento Fast Velocity Minify con el complemento de almacenamiento en caché WP Fastest Cache. Con las siguientes configuraciones.
Bien, ese es nuestro tutorial de hoy. Esperamos que esto sea útil y no olvide visitar otros consejos para acelerar los sitios web de WordPress a continuación.
Lea también:
Acelere WordPress con Async y Defer JS
#Sitio #web
