21 consejos sobre cómo acelerar un blog de WordPress

Publicado: 2018-07-04

Al navegar por Internet, probablemente no piense demasiado en la velocidad del sitio web. Si su conexión a Internet es lo suficientemente buena, probablemente solo tenga dos conclusiones sobre todos y cada uno de los sitios con respecto a la velocidad: el sitio es o no lo suficientemente rápido. Y así es como la mayoría de los usuarios de Internet verán su sitio web de WordPress. Incluso si es atractivo para un visitante específico, si el blog no se carga lo suficientemente rápido, perderá ese visitante. Eso es seguro. Y es por eso que debe hacer todo lo que esté a su alcance para que su sitio de WordPress sea lo más rápido posible.

Si bien existen numerosas formas de acelerar un sitio, algunas requerirán conocimientos técnicos, algunas requerirán dedicación total de su parte, mientras que otras serán simplemente demasiado costosas.

Como siempre, WordPress puede ayudarte con el problema. No solo WordPress está mejorando constantemente, sino también los complementos, los temas y las empresas de alojamiento. En este artículo, estamos a punto de mostrarle cómo acelerar su sitio web de WordPress. Hay muchos factores que afectan la velocidad del sitio y, dependiendo de su sitio, puede mejorar la velocidad en los próximos minutos.

  • Utilice un complemento de almacenamiento en caché
  • Optimizar imágenes
  • Optimizar la página de inicio
  • Cargar Google Maps correctamente
  • Limpiar y optimizar bases de datos
  • Elimina los caracteres innecesarios del código fuente (minifícalo)
  • Elija un tema rápido de WordPress
  • No instale complementos innecesarios
  • Dividir publicaciones más grandes
  • Limitar el número de revisiones de publicaciones
  • Actualice a PHP7. ¡Ahora!
  • Modificar el almacenamiento en caché del navegador
  • Cómo eliminar cadenas de consulta de recursos estáticos
  • Reducir la cantidad de solicitudes HTTP
  • No uses Gravatars
  • Elimina comentarios si no los estás usando
  • Eliminar emojis
  • Utilice CSS Sprites en WordPress
  • Limita la cantidad de botones de redes sociales
  • Descarga scripts y estilos que no usas
  • Desactivar incrustaciones

1. Utilice un complemento de almacenamiento en caché

Al instalar y configurar un complemento de almacenamiento en caché, puede sentir instantáneamente el cambio en la velocidad de su sitio. Todos los sitios web tendrán partes que no cambian con tanta frecuencia. Ya sea una imagen, un archivo CSS o JS, un complemento de almacenamiento en caché puede manejar esos archivos para que no tengan que descargarse del servidor cada vez que un usuario abre su sitio. Esto ayudará principalmente a los visitantes que regresan y que ya tendrán esos archivos almacenados.

Existen numerosos complementos de almacenamiento en caché de WordPress, pero solo unos pocos populares. La buena noticia es que esos complementos están bien codificados, acelerarán su sitio al instante y ¡son completamente gratuitos! El complemento más popular para el trabajo es W3 Total Cache, que tiene más de 1 millón de usuarios activos. ¡Eso es impresionante! Hay otros complementos que pueden hacer lo mismo, como el complemento WP Fastest Cache que ya mencionamos en uno de nuestros artículos anteriores.

2. Optimizar imágenes

Ya sea que se trate de una sola imagen en su página de inicio o que haya una galería completa de fotografías que desee mostrar, las imágenes no optimizadas pueden ralentizar drásticamente su sitio web. Digamos que está usando una cámara que puede tomar fotografías de alta resolución. Esas fotos probablemente tendrán más de 2 MB y pueden superar fácilmente el límite de 4 MB. Incluso las imágenes de los teléfonos inteligentes modernos generarán archivos grandes. Si no piensa en eso y simplemente sube una imagen, imagine la carga en su sitio.

Con solo agregar esa imagen que es de 2 MB o 4 MB "pesada", sus usuarios tendrán que descargar esa imagen una vez que abran su sitio. Si bien los usuarios que provienen de una conexión de banda ancha no sentirán mucha diferencia, los usuarios con velocidades de Internet más lentas sufrirán. No solo eso; incluso Google desaprueba los tiempos de carga más lentos, por lo que la clasificación de su página podría verse afectada a largo plazo.

Eso no debería ser un problema, ya que puede optimizar las imágenes con mucha facilidad. En primer lugar, si no está mostrando su último trabajo y no necesita mostrar imágenes en resolución completa, comience por reducir la resolución. Por ejemplo, si su tema muestra un ancho máximo de 800 px, su imagen no debería ser más ancha que eso. Simplemente puede cambiar el tamaño o incluso recortar una imagen. También hay muchas herramientas y aplicaciones que pueden ayudarlo a optimizar las imágenes. Si desea utilizar un software profesional como Photoshop que puede hacer milagros con sus imágenes y optimizarlas específicamente para la web, o si desea utilizar una herramienta en línea simple, debe optimizar sus imágenes.

3. Optimiza la página de inicio

Tu página de inicio es una página importante. Incluso si una persona no llega a la página de inicio, es probable que desee visitarla desde sus otras publicaciones y páginas. Y es por eso que la página de inicio debe optimizarse correctamente. Como se mencionó anteriormente, cuide las imágenes de su sitio web y asegúrese de que estén optimizadas. Use extractos más pequeños para sus publicaciones en lugar de mostrar extractos más grandes. No muestre imágenes de publicaciones; en su lugar, deje un enlace "leer más" antes de la primera imagen en una publicación. No use demasiados widgets de barra lateral y pie de página que pueden ralentizar su sitio.

4. Cargue Google Maps correctamente

Widget de Google Maps


Si está utilizando Google Maps para mostrar una ubicación, asegúrese de que el mapa interactivo no lo ralentice. Un mapa simple en su sitio web puede ocupar hasta 2 MB, lo que obligará a sus visitantes a descargar datos adicionales incluso si no están interesados ​​en el mapa.

Pero si usa WordPress, esta tarea puede volverse aún más fácil. Sí, estamos hablando del complemento Google Maps Widget que puede generar una imagen en miniatura de su mapa. Al hacerlo, agregará solo varios Kilobytes de datos a su sitio en lugar de uno o dos Megabytes. Esto tendrá un gran impacto en la velocidad de su sitio web, mientras que sus visitantes que estén interesados ​​en el mapa aún pueden tener la experiencia completa de Google Maps.

5. Limpiar y optimizar bases de datos

WordPress utiliza bases de datos para almacenar prácticamente todo lo necesario para que funcione sin problemas. Durante algún tiempo, estas bases de datos comenzarán a acumularse y poco a poco comenzarán a ralentizar su sitio. Al limpiar y optimizar las bases de datos, puede acelerar su sitio de WordPress. Afortunadamente, no tiene que abrir manualmente todas y cada una de las bases de datos y recorrer miles de líneas almacenadas allí, pero puede relajarse y dejar el trabajo a otro complemento de WordPress. En este caso, sugerimos el complemento WP-Optimize, que es gratuito y puede ejecutarse sin la necesidad de PhpMyAdmin.

6. Elimine los caracteres innecesarios del código fuente (minimícelo)

El código fuente puede contener miles de líneas. Al agregar temas adicionales, complementos y funciones personalizadas, el número crece rápidamente y afecta la velocidad de su sitio. Si bien el código suele ser útil, hay muchos caracteres innecesarios en el código fuente que solo pueden ralentizarlo. Ya sea un grupo de caracteres de espacio en blanco, caracteres de nueva línea, comentarios o delimitadores de bloque, puede eliminarlos de forma segura para acelerar su sitio de WordPress.

No, no tendrá que navegar por el código fuente para eliminar esos caracteres manualmente; hay un complemento de WordPress que puede hacer el trabajo por usted. Si ha instalado W3 Total Cache para solucionar el problema del almacenamiento en caché, ya tiene un complemento que se puede utilizar para la minificación. Otro complemento popular que puede minimizar el código en su sitio web de WP es Autoptimize.

Acelerar un sitio web de WordPress lleva tiempo. Hay tantas cosas que puede mejorar para eliminar esa pequeña fracción de segundo del tiempo de carga. Pero, la velocidad de su sitio es importante tanto desde la perspectiva de los visitantes como de los motores de búsqueda. Y, aunque tendrá que pasar por diferentes técnicas y complementos para aprovechar al máximo su sitio, valdrá la pena.

Antes de entrar en detalles, asegúrese de tener la mejor opción de alojamiento. Ese es el primer paso que necesita para tener un sitio rápido.

Ahora, permítanos mostrarle cómo minimizar los archivos CSS y JavaScript manualmente, y también enumerar dos complementos que lo ayudarán a acelerar su sitio. ¿Listo?

¿Qué es la minificación?

Antes de ensuciarse las manos con los archivos, veamos rápidamente qué significa minimizar los archivos CSS y JavaScript en WordPress. Como probablemente ya sepa, hay docenas y docenas de archivos necesarios para que WordPress funcione correctamente. Cuando agrega nuevos temas y complementos, el número sigue creciendo. Simultáneamente, la velocidad de su sitio web sigue disminuyendo. Afortunadamente, no tiene que preocuparse mucho por el código que alimenta WordPress, los temas y los complementos. Pero debes saber que puedes hacer esos archivos más pequeños y así aumentar la velocidad de tu blog.

La minificación es un proceso de eliminación de caracteres innecesarios del código. El proceso hará que los archivos afectados sean más pequeños, pero no cambiará su funcionalidad.

Cuando minimice los archivos CSS y JavaScript en WordPress, eliminará elementos como espacios en blanco, caracteres de nueva línea, comentarios y delimitadores de bloque. Por cada carácter eliminado del código, acelerará un poco su sitio. Aquí hay un ejemplo simple de código CSS antes y después del proceso de minificación.

Código CSS antes de la minificación

 cuerpo {
margen: 10px;
color: # 333333;
fondo: azul;
}

Aunque esto es mucho más fácil para el ojo humano, utiliza caracteres que una máquina no necesita para interpretar el código.

Código CSS después de la minificación

 cuerpo {margen: 20px; color: # 333; fondo: azul}

Para una computadora, este código tiene el mismo aspecto que el mostrado anteriormente. Las nuevas líneas no son algo que una computadora necesite para ejecutar el código correctamente. Si echas un vistazo al color, puedes ver que incluso eliminamos algunos números; una computadora aún sabrá el color correcto. Observe que no hay un punto y coma después del último elemento. En este ejemplo simple, eliminamos algunos caracteres y reducimos el código. Ahora imagina lo que sucede cuando tienes miles de líneas de código.

Minificar archivos CSS y JavaScript manualmente

Cuando trabaje en un tema o complemento personalizado para WordPress, querrá minimizar los archivos CSS y JavaScript en los que está trabajando. En ese caso, no tendrá que instalar complementos adicionales para hacer el trabajo por usted. En su lugar, puede minimizar rápidamente solo los archivos que necesita. Al hacer esto, puede permitirse el lujo de escribir el código que le resulte agradable a la vista y hacerlo lo más rápido posible después. Si se toma más en serio la codificación, querrá considerar el uso de preprocesadores CSS y JS. Estas aplicaciones sofisticadas pueden ayudarlo a escribir el código y también a minimizarlo y procesarlo después de exportar los archivos.

Minificar CSS manualmente

  • https://cssminifier.com
  • http://www.cleancss.com/css-minify/
  • http://csscompressor.com

Minificar JavaScript manualmente

  • http://www.minifier.org
  • https://jscompress.com
  • https://javascript-minifier.com

Los mejores complementos de WordPress de minificación

Los servicios que le mostramos anteriormente harán un gran trabajo con su código personalizado. Pero si desea minimizar todos los archivos en su sitio de WordPress, sería prácticamente ridículo revisar todos y cada uno de los archivos que hay en su servidor. Nos complace informarle que algunos fantásticos complementos gratuitos pueden minimizar el archivo CSS y JavaScript en WordPress para usted. Permítanos mostrarle los mejores.

Autoptimizar

Con más de 200,000 instalaciones activas, Autoptimize es una de las opciones más populares cuando se trata de optimizar su sitio de WordPress. Entre otras características sorprendentes, el complemento puede minimizar scripts, estilos y HTML . Comprimirá los archivos, los almacenará en caché y moverá el código para acelerar su sitio .

  1. Instalar y activar el complemento
  2. Vaya a Configuración -> Optimización automática
  3. Haga clic en Mostrar configuración avanzada
  4. Marque las opciones Optimizar código HTML, Optimizar código JavaScript y Optimizar código CSS
  5. Guardar cambios

Caché total de W3

Este popular complemento lo hace todo. Por supuesto, el complemento almacenará en caché los archivos por usted en primer lugar. Pero si está interesado en eliminar cadenas de consulta de recursos estáticos, W3 Total Cache lo hará por usted. De manera similar, minimizará los archivos CSS y JavaScript, e incluso hará lo mismo con sus publicaciones, páginas y RSS. Solo tienes que comprobarlo.

  1. Instalar y activar el complemento
  2. Vaya a Rendimiento -> Minificar
  3. Asegúrese de mantener marcada la estructura de la URL de reescritura
  4. Habilite la configuración de HTML minify, la configuración de JS minify y la configuración de CSS minify
  5. Guardar todas las configuraciones

Como puede ver, el proceso de minificación es bastante sencillo. Si está utilizando un complemento de WordPress, realmente no tiene una excusa. Minimice los archivos CSS y JS en su sitio y vuelva a la prueba de rendimiento y velocidad en línea de su elección. Estamos seguros de que obtendrá una puntuación mucho mejor y una nota de agradecimiento de sus visitantes y motores de búsqueda.

7. Elija un tema de WordPress rápido

Antes incluso de comenzar a trabajar en su sitio, debe tener cuidado al elegir un tema de WordPress. Al principio, puede parecer que un tema específico atraerá a más visitantes simplemente por su diseño y las magníficas imágenes que utiliza. Pero trate de pensar en el futuro; en lugar de simplemente elegir el tema más hermoso que encuentre, pruebe varios temas en diferentes navegadores, desde diferentes dispositivos.

Te sorprenderá la diferencia que puede significar un tema para toda la velocidad del sitio. No solo una gran cantidad de imágenes puede ahogar el tema, sino que hay muchas cosas ocultas en el código que pueden significar una gran diferencia. Aunque no siempre es el caso, los temas premium deben codificarse mejor y funcionar mejor.

8. No instale complementos innecesarios

Cuando empiece a trabajar en su sitio, puede resultar tentador instalar nuevos complementos. Si bien hay complementos que deberá tener instalados y en ejecución, tenga cuidado de no sobrecargar su sitio. Para empezar, los complementos activos definitivamente tendrán un impacto en la velocidad de su sitio.
. Por otro lado, incluso los complementos inactivos ocuparán su valioso espacio, lo que afectará el tamaño de sus archivos de respaldo. Cuando agrega todo, los complementos activos e inactivos pueden afectar la velocidad de su sitio, así que piénselo dos veces antes de instalar un complemento que en realidad no necesita.

9. Dividir postes más grandes

Si tiende a escribir publicaciones realmente largas en las que también tiene muchos videos e imágenes adjuntos, debería considerar dividirlos en varias páginas. Esto se puede hacer muy rápidamente ya que ni siquiera tiene que usar un complemento para eso: WordPress lo tiene cubierto, pero tal vez ni siquiera lo sepa.

10. Limitar el número de revisiones de puestos.

Las revisiones de publicaciones son útiles. Pero el hecho es que la mayoría de los usuarios no los usan en absoluto o que no necesitan más que unas pocas revisiones por publicación. Las revisiones se almacenan en una base de datos y si tiene una gran cantidad de publicaciones, imagine cuántas revisiones adicionales habrá allí. Esto definitivamente ralentizará su sitio de WordPress, así que asegúrese de limitar el número de revisiones o incluso eliminarlas por completo si no es necesario.

11. Actualice a PHP7. ¡Ahora!

Siempre debe esforzarse por hacer el menor trabajo posible para obtener la mayor cantidad de resultados. Optimizar su sitio para que sea más rápido no es diferente. ¿Por qué pasar horas optimizando solo para reducir unos pocos milisegundos cuando puede hacer unos pocos clics y acelerar fácilmente el sitio en un 20%? Nuestro método no tiene magia. Es simple, simple y obvio. Una vez que lo implemente, se preguntará "por qué no hice esto antes".

Numerosas pruebas muestran que PHP7 es un 20% más rápido que PHP5 en entornos de producción de la vida real. En pruebas genéricas, puede ser un 200% más rápido. También es más seguro, tiene nuevas funciones útiles y es recomendado por WordPress. Entonces, ¿cómo actualizar?

Si está utilizando una empresa de alojamiento decente, ya está en PHP7, así que verifique su versión antes de continuar. Elija el complemento My WordPress Health Check o cargue un archivo con la función phpinfo (). ¿Ya tienes PHP7? ¡Magnífico! Ya terminaste. ¿Utilizas PHP5? Deshagámonos de eso.

Inicie sesión en su cPanel. Si no tiene un enlace a la mano, simplemente agregue “: 2083” al final de su nombre de dominio, es decir, http://www.mydomain.com:2083 . Una vez que esté dentro, busque un icono que diga "Selector de PHP", "Seleccionar versión de PHP" o "Administrador de versiones de PHP" en la sección "Software". Haga clic en el icono para abrir el selector de versiones de PHP. Dependiendo de lo que haya habilitado su empresa de alojamiento, podrá seleccionar la versión de PHP para toda la cuenta, para dominios específicos o por carpeta. Cualquiera sea la situación que esté habilitada en su cPanel, asegúrese de elegir v7.0 o v7.1 para su instalación de WordPress. Clic en Guardar". Actualice su sitio para verificar que el cambio esté activo y disfrute de la aceleración.

PHP7 WordPress

Pero ... (inserta tu excusa aquí)

Si aún no se ha actualizado, seguramente tiene una "buena" razón para ello. No te ofendas, pero no, ¡no lo haces! Permítanos romper esas excusas que tiene.

Parece mucho trabajo y cosas relacionadas con el servidor que no entiendo

Sí, está relacionado con el servidor, pero si sabe cómo iniciar sesión en cPanel, tiene todas las habilidades necesarias. Es tanto trabajo como crear una nueva dirección de correo electrónico en cPanel. Busque el icono; hacer clic; seleccione una nueva versión del menú desplegable; ahorrar. Hecho.

Si no se siente cómodo haciéndolo, lo cual está bien, abra un ticket de soporte con su empresa de alojamiento y ellos lo harán por usted.

Mi empresa de alojamiento no es compatible con PHP7

¡Eso es un gran problema! ¡Enorme! Ese hecho en sí mismo puede no ser tan preocupante, pero tiene muchas otras consecuencias. Significa que está utilizando un software de servidor obsoleto y que su empresa de alojamiento simplemente no está haciendo su trabajo. En este momento, está pagando el precio de tener un sitio lento, pero pronto, cuando las cosas comiencen a desmoronarse porque no mantienen los servidores, se enfrentará a un tiempo de inactividad grave.

Envíeles un correo electrónico y exija que migren inmediatamente su cuenta a un nuevo servidor que admita PHP7. Si no lo hacen (por el motivo que sea), debe encontrar una buena empresa de alojamiento de WordPress. ¿Tienes miedo y no quieres hacerlo? Está bien estar ansioso por las migraciones, pero no es necesario que lo haga usted mismo.

Las empresas de hosting decentes harán la migración por usted. En serio, no es un truco de marketing. Les da su antigua contraseña de cPanel, y eso es todo.

Escuché que WordPress no funciona con PHP7

¿¡Seriamente!? WordPress señala explícitamente PHP7 o superior como requisito de servidor. Entonces, para resumir, funciona.

PHP7 es nuevo y experimental

PHP v7.0 salió a la luz en diciembre de 2015. Eso no es "nuevo". Es un software probado que es mejor que PHP5. Es más rápido, tiene más funciones y es simplemente el futuro. Si eso no es suficiente para usted, tenga en cuenta que PHP5 ya no se mantiene activamente.

12. Mejore la velocidad de WordPress modificando el almacenamiento en caché del navegador

Cuando un usuario comienza a cargar su sitio web, su navegador inmediatamente comienza a descargar todos los archivos necesarios desde un servidor en el que se encuentra su sitio web. Dependiendo de la velocidad de la conexión a Internet del usuario y las capacidades del servidor, el sitio se puede cargar más rápido o más lento. Por supuesto, cada parte quiere cargar el sitio lo más rápido posible y usted, como administrador, debe hacer todo lo posible para que su sitio sea increíblemente rápido.

Mejore la velocidad de WordPress y almacene en caché los archivos estáticos por más tiempo

Esa primera visita a su sitio depende completamente de la conexión a Internet y del servidor, pero puede realizar el cambio para sus visitantes habituales. Probablemente no se darán cuenta de que se han realizado los cambios, pero siempre tendrán en cuenta la velocidad real de su sitio. Puedes ponerte en su lugar: si los sitios tardan unos segundos en cargar cada página, probablemente no te quedes demasiado tiempo sin importar lo bueno que sea el contenido, ¿verdad?

La tecnología de almacenamiento en caché toma algunos de los archivos del servidor y los almacena en una computadora local. Luego, si un usuario visita el mismo sitio nuevamente, el navegador buscará archivos almacenados y los cargará instantáneamente en lugar de descargarlos del servidor remoto una vez más. Esto hace que el tiempo de carga sea mucho más corto, mejora la velocidad de WordPress y eso hace que el visitante sea mucho más feliz.

Al usar el siguiente código, puede decirle a WordPress que almacene en caché los archivos estáticos durante un período de tiempo más largo. Antes de ejecutar para copiar y pegar el código, tómese un minuto para reconsiderar: ¿con qué frecuencia realiza cambios en su sitio web, qué tipo de contenido tiene? ¿Puede esto realmente ayudar a su sitio si prolonga el almacenamiento en caché?

  • Abrir archivo .htaccess
  • Copie y pegue lo siguiente:
 # Almacenamiento en caché del navegador
<IfModule mod_expires.c>
Caduca Activo en
ExpiresByType image / jpg "acceso 1 año"
ExpiresByType image / jpeg "acceso 1 año"
ExpiresByType image / gif "acceso 1 año"
ExpiresByType image / png "acceso 1 año"
ExpiresByType text / css "acceso 1 mes"
Solicitud ExpiresByType / pdf "acceso 1 mes"
ExpiresByType text / x-javascript "acceso 1 mes"
Acceso a la aplicación ExpiresByType / x-shockwave-flash "
1 mes"
ExpiresByType image / x-icon "acceso 1 año"
Caduca por defecto "acceso 2 días"
</IfModule>
  • Guardar cambios

Después de guardar los cambios, su servidor cambiará el tiempo de acceso para almacenar esos archivos localmente. Si no se siente cómodo modificando el archivo .htaccess por su cuenta, puede hacer lo mismo con un simple complemento.

13. Cómo eliminar cadenas de consulta de recursos estáticos en WordPress y acelerar su sitio

Si ha intentado acelerar y optimizar su sitio de WordPress, probablemente se haya encontrado con diferentes herramientas de diagnóstico en línea que pueden ayudarlo con eso. Te animamos a que hagas las pruebas; le dirán qué tan bien está funcionando su sitio web, y la mayoría de esas herramientas le mostrarán detalles sobre la velocidad de su sitio.

Por ejemplo, si ejecuta una prueba en GTmetrix, le mostrará qué imágenes están ralentizando su sitio. Le indicará la velocidad de carga de las hojas de estilo y los scripts, detalles sobre la minificación y mucho más. Una de las cosas que muchos usuarios de WordPress encuentran en la parte superior de la lista (lo que significa que el problema debe abordarse lo más rápido posible) es “eliminar las cadenas de consulta de los recursos estáticos”. En esta parte, explicaremos brevemente qué son las cadenas de consulta y cómo eliminarlas rápidamente para mejorar la velocidad de su sitio web.

¿Qué son las cadenas de consulta?

Las cadenas de consulta son partes de las URL que puede encontrar después de un signo de interrogación (?) O un símbolo comercial (&). Los navegadores o aplicaciones externas generalmente agregan estas partes a las URL para agregar parámetros adicionales.

Al usar cadenas de consulta, por ejemplo, un complemento de WordPress puede pasar diferentes valores a través de la URL para que otras aplicaciones y servicios puedan usarlos.

La mayoría de las veces, después de hacer clic en un anuncio, un artículo de las redes sociales o la bandeja de entrada de su correo electrónico, verá una URL bastante larga con cadenas de consulta. Para decirle a los servicios de análisis el origen de su visita, otros servicios (y los propios humanos) agregarán cadenas de consulta específicas de UTM que describen fuentes, medios y campañas. Los especialistas en marketing usan esto para rastrear la efectividad de sus campañas. Y esto es algo completamente normal; no se preocupe por este tipo de cadenas de consulta.

¿Por qué y cuándo debería eliminar las cadenas de consulta?

GTmetrix elimina las cadenas de consulta de los recursos estáticos

Si bien las cadenas de consulta son una parte importante de los elementos dinámicos, pueden ralentizar su sitio de WordPress si se utilizan en recursos estáticos. Si alguna vez abrió una consola de navegador mientras estaba en su sitio, es posible que haya descubierto que el sitio web muestra números de versión de scripts y estilos. Esto puede parecer familiar:

/wp-includes/css/dashicons.min.css?ver=4.4.2

Algunos servidores de almacenamiento en caché proxy y CDN no pueden almacenar en caché este tipo de recursos. Eso significa que cada vez que abra un sitio, el servidor tendrá que enviarle el archivo una y otra vez. Y eso es algo que ralentiza enormemente un sitio. Solo esa cadena de consulta no hará mucha diferencia, pero cuando apila algunas de ellas, las cosas pueden ponerse serias. Finalmente, es hora de resolver el problema y eliminar las cadenas de consulta de los recursos estáticos.

Cómo eliminar cadenas de consulta de recursos estáticos

Cadena de consulta

Existen algunas técnicas para eliminar cadenas de consulta de recursos estáticos en WordPress, y estamos a punto de mostrárselas. Puede hacerlo copiando una función simple, o puede usar algunos complementos de WordPress que resolverán el problema por usted. Cualquiera que sea la técnica que elija, no se equivocará: eliminará las cadenas de consulta de los recursos estáticos en los próximos minutos y acelerará su sitio en el mismo momento.

Agregar una función simple

El primer método requiere que copie y pegue una función simple en su archivo functions.php. Si alguna vez ha agregado una función allí, ya sabe que no es tan importante. Pero si es la primera vez, tenga especial cuidado, ya que un pequeño error en el archivo puede inutilizar su sitio. Para sentirse seguro, cree una copia de seguridad del archivo antes de continuar.

  • Abrir y editar el archivo functions.php
  • Copia y pega el siguiente código:
 function _remove_script_version ($ src) {
$ partes = explotar ('? ver', $ src);
return $ partes [0];
}
add_filter ('script_loader_src', '_remove_script_version'
, 15, 1);
add_filter ('style_loader_src', '_remove_script_version'
, 15, 1);
  • Guardar cambios

Desmarque la opción en W3 Total Cache

Dado que W3 Total Cache es un complemento popular que cuenta con más de un millón de instalaciones activas en este momento, es probable que ya esté utilizando el complemento. En ese caso, solo necesitará desmarcar una opción de la configuración:

  1. Vaya a Rendimiento -> Caché del navegador
  2. Desmarque la opción Evitar el almacenamiento en caché de objetos después de cambiar la configuración
  3. Guardar cambios

Utilice el complemento Eliminar cadenas de consulta de recursos estáticos

Si no le gusta agregar el código a functions.php usted mismo, puede usar un complemento gratuito para el trabajo. Eliminar cadenas de consulta de recursos estáticos es un complemento ligero y sencillo que hará lo mismo sin necesidad de que toque el código.

Simplemente instale el complemento, actívelo y listo. En el momento en que active el complemento, las cadenas de consulta se eliminarán de los recursos estáticos.

Independientemente de la técnica que utilizó, eliminar las cadenas de consulta no debería haber sido una tarea difícil. Ahora que ha terminado, puede ejecutar otro escaneo en la herramienta de velocidad y rendimiento de su elección para ver si la puntuación (y la velocidad de su sitio) mejoró y cómo.

14. Reduzca la cantidad de solicitudes HTTP y acelere su sitio de WordPress

Aunque todo lo que se necesita para cargar un sitio web es hacer clic en el botón, hay mucho más para que las computadoras puedan manejar. Ese clic y un segundo que tomará hasta que se muestre una página frente a usted puede ocultar docenas, si no cientos, de solicitudes HTTP al servidor. Obviamente, cuanta más información vaya y venga, más tiempo tendrá que esperar a que se cargue un sitio. Una de las cosas más fáciles que puede hacer para acelerar su sitio es tener una buena empresa de alojamiento. Pero cuando decide profundizar aún más para acelerar su sitio web de WordPress, debe ocuparse de las solicitudes HTTP.

Para empezar, debe probar su sitio web para ver cuántas solicitudes se necesitan para cargar una página en particular. Hay diferentes formas de realizar la prueba. En lugar de mostrarle todas las posibilidades, será suficiente ingresar una URL en el Comprobador de solicitudes HTTP. Obtendrá los resultados de inmediato y, con suerte, no tendrá más de 30 solicitudes. Si lo hace, es hora de reducir la cantidad de solicitudes HTTP y acelerar su sitio de WordPress.

Comprobador de solicitudes HTTP

15. No uses Gravatars

Si está utilizando el sistema de comentarios predeterminado de WordPress, también está utilizando Gravatars. Ahora, si recibe algunos comentarios por mes, esto no tiene por qué preocuparle mucho. Pero si a sus visitantes les gusta dejar notas rápidas debajo de sus artículos, debería considerar eliminar Gravatars de la imagen.

Una vez que te decimos que cada imagen de Gravatar agrega otra solicitud HTTP al servidor, imagina qué sucede cuando tienes más de, digamos, cien comentarios en una sola página. Adivina qué sucede cuando hay más de cien solicitudes adicionales que no tienen que estar allí; sí, tu sitio se vuelve más lento.

Comprobador de solicitudes HTTP

Si no necesita esas pequeñas imágenes al lado de cada comentario, simplemente navegue a Configuración -> Discusión -> Avatares y desmarque la opción para mostrar avatares en los comentarios. Es así de fácil. En caso de que solo tenga que tener avatares, debería considerar instalar un sistema de comentarios de terceros para WordPress que manejará las cosas de manera diferente. Por ejemplo, Disqus es una opción popular que hace el trabajo de mostrar avatares mucho más rápido.

16. Elimina comentarios si no los estás usando

Como puede adivinar, el uso de comentarios requiere archivos adicionales. Si está utilizando el sistema de comentarios predeterminado, no tiene que hacer nada, es algo de lo que tiene el beneficio y esa solicitud adicional está justificada. Pero en caso de que no use comentarios en su sitio, o use un sistema de comentarios diferente, debe eliminar la secuencia de comandos de comentario-respuesta. Para hacer eso, necesita copiar la siguiente función en el archivo functions.php:

 function comments_clean_header_hook () {
 wp_deregister_script ('comentario-respuesta');
 }
add_action ('init', 'comments_clean_header_hook'); función
comments_clean_header_hook ()
{
wp_deregister_script ('comentario-respuesta');
}
add_action ('init', 'comments_clean_header_hook');

17. Eliminar emojis

Sí, los emojis son lindos. Sí, todos los usan en sus computadoras, teléfonos inteligentes y tabletas. Aunque WordPress los introdujo en la versión 4.2. eso no significa que tenga que cargar ese archivo JS adicional en su sitio solo para tener las caras sonrientes . La velocidad de su sitio debería ser más importante que tener emojis (a menos que no pueda vivir sin ellos).

18. Utilice CSS Sprites en WordPress

Como puede ver al probar una página, cada imagen requiere una solicitud HTTP. Eso no significa que debas eliminar las imágenes, pero debes cuidarlas. Cuando se trata de la velocidad de su sitio, aprenda a optimizar imágenes para WordPress. Pero cuando se trata de solicitudes, puede reducir el número de esas solicitudes HTTP creando CSS Sprites.

Si vas al sitio de Spriteme, podrás seleccionar todas las imágenes de una página que uses y combinarlas en un solo archivo. Después de cambiar los enlaces a las imágenes, aumentará el tamaño de la imagen, pero al mismo tiempo, reducirá la cantidad de solicitudes. Esto puede sonar contradictorio, pero en realidad puede acelerar las cosas: un servidor funcionará mejor con un archivo grande que tener que responder a docenas de solicitudes.

19. Limita la cantidad de botones de redes sociales.

Las redes sociales se han convertido en una parte estándar de todos los sitios web. Ya sea que tenga un pequeño sitio personal o comercial, o que esté ejecutando un portal con docenas de escritores, tendrá que conectar las redes sociales al sitio. Está bien, y deberías hacerlo.

Pero cuando se trata de mostrar botones sociales, menos es más . Aunque es posible que haya abierto cuentas en una docena de redes, muestre los botones solo para las que más nutre. Cada botón cargará su propia imagen y archivos adicionales que pueden ralentizar su sitio.

20. Descarga scripts y estilos que no usas

Descargue scripts y estilos y acelere su sitio

Un usuario medio de WordPress no tiene ni idea de lo que sucede en segundo plano. ¿Quién tiene tiempo para pensar en guiones y estilos en un sitio? No lo culpamos por eso, pero ahora que captamos su atención, tómese un tiempo para revisar su sitio en busca de scripts y estilos que no necesita.

No tienes que ser un experto. Ya le mostramos un pequeño complemento que le mostrará todos los scripts y estilos que se cargan en cada una de sus páginas. Al utilizar WP Asset CleanUp, puede reconocer fácilmente los archivos que ya no necesita y descargarlos rápidamente. Si tiene más experiencia con WordPress, el complemento lo ayudará a aislar los datos y luego podrá eliminar manualmente los archivos. Si no es así, deje el complemento y deje que maneje los scripts y estilos por usted.

21. Deshabilitar incorporaciones

To improve user experience, WordPress developers introduced a new JS file that allows you to embed videos from different services like Youtube is just by copying a URL. You can embed images and tweets the same way just by pasting the link in the Visual Editor.

While this feature is an amazing one, many people just don't use it. If you're trying to speed up your site, it is more important to remove one request than having a preview of the video. You know which video you're embedding, so there's no real need for having that preview, right?

If you're not good with code, and you just have to install a plugin, there a simple plugin that will remove embeds from your site. If you can handle a few lines of code that you just need to copy, use the following function and put it in your functions.php file:

 function speed_stop_loading_wp_embed() {
if (!is_admin()) {
wp_deregister_script('wp-embed');
}
}
add_action('init', 'speed_stop_loading_wp_embed');

Take your time, and check your WordPress site for those unwanted HTTP requests. Even if you reduce the number just for a few pages, or if you find just a file that you don't have to load, it will be a success. No te preocupes; even if your users don't feel the speed improvement, search engines will.

Conclusion: Always take care of your blog speed

If you make changes only to several things on your site, you might benefit from them. The steps we have described in this article are completely free, so it won't hurt to try them out. Still, don't forget to take care of your site; update WordPress, themes, and plugins on a regular basis and never neglect your blog.

Sometimes, even an optimized site won't run fast. In that case, you will have to look for another hosting company or consider paying extra bucks for a managed or dedicated server.