Cerca

21 consejos sobre cómo acelerar un blog de WordPress

Consejos de WordPress 21 sobre cómo acelerar tu sitio web

Cuando navegas por Internet, probablemente no pienses demasiado en la velocidad del sitio web.Si su conexión a Internet es lo suficientemente buena, probablemente sólo tenga dos conclusiones en cada sitio con respecto a la velocidad: el sitio es o no es lo suficientemente rápido.Y así es como la mayoría de los usuarios de Internet verán su sitio web de WordPress.Aunque es atractivo para un visitante específico, si el blog no se carga lo suficientemente rápido, perderás a ese visitante.Ciertamente.Y es por eso que tienes que hacer todo lo posible para que tu sitio de WordPress sea lo más rápido posible.

Si bien hay muchas maneras de acelerar un sitio, algunas requieren conocimientos técnicos, algunas requieren dedicación total de su parte, mientras que otras simplemente serán demasiado caras.

Como siempre, WordPress puede ayudarte con el problema.WordPress no solo mejora constantemente, sino que también lo son los plugins, los temas y las empresas de alojamiento.En este artículo, vamos a mostrarle cómo acelerar su sitio web de WordPress.Hay muchos factores que afectan la velocidad del sitio, y dependiendo del sitio, puede mejorar la velocidad en los próximos minutos.

  1. Utilice un complemento de caché
  2. Optimizar imágenes
  3. Optimizar la página de inicio
  4. Sube Google Maps correctamente
  5. Limpiar y optimizar bases de datos
  6. Eliminar caracteres innecesarios del código fuente (minimizar)
  7. Elija un tema rápido de WordPress
  8. No instale plugins innecesarios
  9. Dividir puestos más grandes
  10. Limitar el número de reseñas posteriores
  11. Actualizar a PHP7.¡Ahora mismo!
  12. Cambiar el almacenamiento en caché del navegador
  13. Cómo quitar cadenas de consulta de recursos estáticos
  14. Reducir el número de solicitudes HTTP
  15. No uses Gravatars
  16. Elimina los comentarios si no los usas
  17. Eliminar Emoji
  18. Usa sprites CSS en WordPress
  19. Limitar el número de botones de redes sociales
  20. Descarga scripts y estilos que no uses
  21. Desactivar incrustaciones

1. Utilice un complemento de caché

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

Hay numerosos plugins de almacenamiento en caché de WordPress, pero sólo unos pocos populares.La buena noticia es que esos plugins están bien codificados, acelerarán instantáneamente su sitio y son completamente gratis!El plugin más popular para el trabajo es W3 Total Cache que tiene más de 1 millón de usuarios activos.¡Es impresionante!Hay otros plugins que pueden hacer lo mismo, como el plugin WP Fastest Cache que ya hemos mencionado en uno de nuestros artículos anteriores.

2. Optimizar imágenes

Ya sea una sola imagen en tu página de inicio o una galería completa de fotografías que quieras mostrar, las imágenes no optimizadas pueden ralentizar drásticamente tu sitio web.Supongamos que está utilizando una cámara que puede tomar fotos de alta resolución.Es probable que estas fotos superen los 2 MB y puedan superar fácilmente el límite de 4 MB.Las imágenes de los teléfonos inteligentes modernos también generarán archivos grandes.Si no lo piensas y simplemente sube una foto, imagina la carga en tu sitio.

Simplemente agregando una imagen "pesada" de 2 MB o 4 MB, sus usuarios tendrán que descargar esa imagen una vez que abra su sitio.Mientras que los usuarios que provienen de una conexión de banda ancha no sentirán mucha diferencia, los usuarios con velocidades de Internet más bajas sufrirán.No sólo eso; Google también frunce el ceño con tiempos de carga más lentos, por lo que la colocación de tu página puede sufrir a largo plazo.

Esto no debería ser un problema, ya que puede optimizar las imágenes tan fácilmente.En primer lugar, si no estás mostrando tu último trabajo y no necesitas ver imágenes a la máxima resolución, comienza reduciendo la resolución.Por ejemplo, si el tema muestra un ancho máximo de 800 px, la imagen no debe ser más ancha que eso.Simplemente puede cambiar el tamaño o tal vez incluso recortar una imagen.También hay un montón de herramientas y aplicaciones que pueden ayudarle a optimizar las imágenes.Ya sea que desee utilizar software profesional como Photoshop que pueda hacer maravillas para sus imágenes y optimizarlas específicamente para la web, o si desea utilizar una sencilla herramienta en línea, debe optimizar sus imágenes.

También hay muchos plugins de WordPress como WP Smush – Optimización de imágenes que pueden optimizar automáticamente las imágenes para usted.

3. Optimizar la página de inicio

Su página de inicio es una página importante.Incluso si una persona no viene a la página de inicio, probablemente querrá visitarla desde sus otras publicaciones y páginas.Y es por eso que la página de inicio necesita ser optimizada correctamente.Como se mencionó anteriormente, cuida las imágenes en tu sitio web y asegúrate de que estén optimizadas.Usa extractos más pequeños para tus publicaciones en lugar de mostrar otras más grandes.No muestre imágenes de publicaciones; en su lugar, deje un enlace de "leer más" antes de la primera imagen en una publicación. No utilice demasiados widgets de barra lateral y pie de página que puedan ralentizar su sitio.

4. Sube Google Maps correctamente

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

Pero si estás usando WordPress, esta tarea puede ser aún más fácil.Sí, estamos hablando del plugin Google Maps Widget que puede mostrar una imagen en miniatura desde su mapa.De esta manera, solo agregará varios Kilobytes de datos a su sitio en lugar de un Megabyte o dos.Esto tendrá un gran impacto en la velocidad de su sitio web, mientras que sus visitantes interesados en el mapa todavía 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 que necesita para un funcionamiento adecuado.Durante algún tiempo, estas bases de datos comenzarán a crecer y comenzarán lentamente a ralentizar su sitio.Mediante la limpieza y optimización de bases de datos, puede acelerar su sitio de WordPress.Por suerte, no es necesario abrir manualmente todas las bases de datos y pasear por miles de filas almacenadas allí, pero puede relajarse y dejar su trabajo en otro plugin de WordPress.En este caso, sugerimos el plugin WP-Optimize que es gratuito y puede ejecutarse sin la necesidad de PhpMyAdmin.

6. Eliminar caracteres innecesarios del código fuente (minimizar)

El código fuente puede contener miles de líneas.Al agregar temas adicionales, plugins y características personalizadas, el número aumenta rápidamente y afecta a la velocidad de su sitio.Aunque el código suele ser útil, hay muchos caracteres innecesarios en el código fuente que solo pueden ralentizarse.Ya se trate de un grupo de fuentes de espacio en blanco, fuentes de nueva línea, comentarios o delimitadores de bloques, puede eliminarlos de forma segura para acelerar su sitio de WordPress.

No, no tendrá que examinar el código fuente para eliminar manualmente esos caracteres; hay un plugin para WordPress que puede hacer el trabajo por usted.Si instaló W3 Total Cache para controlar el problema de almacenamiento en caché, ya tiene un complemento que se puede usar para la minimización.Otro plugin popular que puede minimizar el código en su sitio web 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 el punto de vista de los visitantes como de los motores de búsqueda.Y, aunque tendrás que pasar por diferentes técnicas y plugins para sacar lo mejor de tu sitio, valdrá la pena.

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

Ahora, le mostramos cómo minimizar manualmente los archivos CSS y JavaScript y también eliminar dos plugins que le ayudarán a acelerar su sitio.¿Hola?

¿Qué es la minificación?

Antes de ensuciar sus manos en sus archivos, veamos rápidamente lo que significa minimizar los archivos CSS y JavaScript en WordPress.Como probablemente ya sabes, hay docenas y docenas de archivos necesarios para que WordPress funcione correctamente.Cuando agregas nuevos temas y plugins, el número sigue creciendo.Al mismo tiempo, la velocidad de su sitio web sigue disminuyendo.Por suerte, no tienes que preocuparte mucho por el código que impulsa WordPress, temas y plugins.Pero usted debe saber que usted puede reducir sus archivos y así aumentar la velocidad de su blog.

La minimización es un proceso de eliminación de caracteres innecesarios del código.El proceso reducirá los archivos afectados, pero no cambiará su funcionalidad.

Al minimizar los archivos CSS y JavaScript en WordPress, se eliminan elementos como espacios en blanco, caracteres de nueva línea, comentarios y delimitadores de bloques.Para cada carácter eliminado del código, solo acelerarás un poco tu sitio.Aquí está un ejemplo simple del código CSS antes y después del proceso de minificación.

Código CSS antes de orinar

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 interpretar el código.

Código CSS después de orinar

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

En un equipo, este código es el mismo que se muestra anteriormente.Las nuevas líneas no son algo que un equipo necesite para ejecutar código correctamente.Si echa un vistazo al color, puede ver que también hemos eliminado algunos números; un ordenador todavía sabrá el color correcto.Tenga en cuenta que no hay punto y coma después del último elemento.En este sencillo ejemplo, eliminamos algunos caracteres y redujimos el código.Ahora imagina lo que pasa cuando tienes miles de líneas de código.

Minimice manualmente css y archivos javascript

Cuando trabajes en un tema o plugin personalizado para WordPress, querrás minimizar los archivos CSS y JavaScript en los que estás trabajando.En ese caso, no tendrás que instalar plugins adicionales para hacer el trabajo por ti.En su lugar, puede minimizar rápidamente solo los archivos que necesita.De esta manera, usted puede darse el lujo de escribir código que es fácil para sus ojos y hacerlo lo más rápido posible más tarde.Si se toma más en serio la codificación, le recomendamos que use preprocesadores CSS y JS.Estas sofisticadas aplicaciones pueden ayudarle a escribir código y también minimizarlo y crujirlo después de exportar archivos.

Minimizar manualmente CSS

Minimizar manualmente JavaScript

Los mejores plugins de WordPress para 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 bastante ridículo ir a través de todos los archivos que están en su servidor.Estamos encantados de hacerle saber que algunos grandes plugins gratuitos pueden minimizar los archivos CSS y JavaScript en WordPress para usted.Permítanos mostrarle lo mejor.

Propiedad autoptimize

Con más de 200.000 instalaciones activas, Autoptimize es una de las opciones más populares a la hora de optimizar su sitio de WordPress.Entre otras características increíbles, el plugin puede minimizar scripts, estilos y HTML.Comprima archivos, los almacene en caché y mueva código para acelerar su sitio.

  1. Instalar y activar el plugin
  2. Vaya a Configuración -> Optimizar automáticamente
  3. clic Mostrar configuración avanzada
  4. Compruebe las opciones Optimizar HTML, Optimizar código JavaScript y Optimizar código CSS
  5. Guarde los cambios

Caché total W3

Este popular plugin lo hace todo.Por supuesto, el plugin almacenará archivos en la caché en primer lugar.Pero si está interesado en quitar cadenas de consulta de recursos estáticos, W3 Total Cache lo hará por usted.Del mismo modo, minimizará los archivos CSS y JavaScript y también hará lo mismo con sus publicaciones, páginas y RSS.Sólo tienes que echar un vistazo.

  1. Instalar y activar el plugin
  2. Cambiar al rendimiento -> minimizar
  3. Asegúrese de mantener seleccionada la estructura de la URL de reescritura
  4. Habilite la configuración de minimización HTML, la configuración de minimización de JS y la configuración de minimización de CSS
  5. Guardar todos los ajustes

Como se puede ver, el proceso de micción es bastante simple.Si estás usando un plugin de WordPress, realmente no tienes una excusa.Minimice los archivos css y js en su sitio y vuelva a la prueba de velocidad y rendimiento 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 rápido de WordPress

Antes incluso de empezar a trabajar en su sitio, usted debe tener cuidado al elegir un tema de WordPress.Al principio, puede parecer que un tema específico atrae a más visitantes simplemente debido a su diseño y las hermosas imágenes que utiliza.Pero trate de pensar en el futuro; en lugar de simplemente elegir el tema más hermoso que encuentres, prueba diferentes temas en diferentes navegadores, desde diferentes dispositivos.

Le sorprenderá la diferencia que un tema puede significar para toda la velocidad del sitio.No sólo un gran número de imágenes pueden sofocar el tema, pero hay tantas cosas ocultas en el código que pueden significar una gran diferencia.Si bien ese no siempre es el caso, los temas premium deben estar mejor codificados y deben funcionar mejor.

8. No instale plugins innecesarios

Cuando empiezas a trabajar en tu sitio web, es posible que te sientas tentado a instalar nuevos plugins.Si bien hay plugins que necesitará tener instalados y en ejecución, tenga cuidado de no sobrecargar su sitio.Para empezar, los plugins activos seguramente afectarán la velocidad de tu sitio.
.Por otro lado, los plugins inactivos también ocuparán su valioso espacio que afectará al tamaño de sus archivos de copia de seguridad.Cuando agregas todo, tanto los plugins activos como los inactivos pueden comprometer la velocidad de tu sitio, así que piénsalo dos veces antes de instalar un plugin que realmente no necesitas.

9. Dividir puestos más grandes

Si tiendes a escribir publicaciones muy largas en las que también tienes muchos vídeos e imágenes adjuntas, deberías considerar dividirlos en varias páginas.Esto se puede hacer muy rápidamente ya que ni siquiera tienes que usar un plugin para ello – WordPress te tiene cubierto, pero tal vez ni siquiera lo sepas.

10. Limitar el número de reseñas posteriores

Las reseñas de correos son útiles.Pero el hecho es que la mayoría de los usuarios no los usan en absoluto o que no necesitan más de unas pocas revisiones por publicación. Las revisiones se almacenan en una base de datos, y si tiene un gran número de publicaciones, imagine cuántas revisiones adicionales habrá.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. Actualizar a PHP7.¡Ahora mismo!

Siempre debe esforzarse por hacer el menor trabajo posible para obtener tantos resultados como sea posible.Optimizar su sitio para acelerar no es diferente.¿Por qué pasar horas optimizando sólo para afeitar unos milisegundos cuando se puede hacer clic unos pocos clics y acelerar fácilmente el sitio en un 20%.No hay magia en nuestro método.Es simple, simple y obvio.Una vez implementado, te preguntarás "¿por qué no lo hice antes?".

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

Si estás usando una compañía de alojamiento decente, ya estás en PHP7, así que comprueba tu versión antes de ir más lejos.Tome el plugin My WordPress Health Check o cargue un archivo con la función phpinfo ().¿Ya estás en PHP7?¡espléndido!Ya terminaste.¿Está utilizando PHP5?Deshagámonos de él.

Inicia sesión en tu cPanel.Si no tienes un enlace al alcance de tu mano, añade ": 2083" al final de tu nombre de dominio, por ejemplo, http://www.mydomain.com:2083.Una vez que entre, busque un icono que diga "Selector PHP", "Seleccionar versión PHP" o "Administrador de versiones PHP" en la sección "Software".Haga clic en el icono para abrir el selector de versiones de PHP.Dependiendo de lo que su empresa de alojamiento haya habilitado, podrá seleccionar la versión php para toda la cuenta, para dominios específicos o en el nivel de carpeta.Cualquiera que sea la situación habilitada en cPanel, asegúrese de elegir v7.0 o v7.1 para instalar WordPress.Haga clic en "Guardar."Actualice su sitio para asegurarse de que el cambio está activado y disfrutar de la velocidad.

PHP7 WordPress

Pero… (Introduzca su excusa aquí)

Si aún no has actualizado, definitivamente tendrás una "buena" razón para ello.¡No te ofendas, pero no, no lo haces!Descartemos esas excusas que tienes.

Parece un montón de trabajo y cosas relacionadas con el servidor que no entiendo

Sí, está relacionado con el servidor, pero si sabes cómo acceder a cPanel, tienes todas las habilidades que necesitas.Es tanto el trabajo como la creación de una nueva dirección de correo electrónico en cPanel.Busque el icono; clics; seleccione una nueva versión en el menú desplegable; Salvar.Hecho.

Si no te sientes cómodo haciendo esto, está bien, abre un ticket de soporte con tu empresa de alojamiento y lo harán por ti.

Mi empresa de alojamiento no es compatible con PHP7

¡Eso es un gran problema!¡Enorme!Esto en sí mismo puede no ser lo que se refiere, pero tiene muchas otras consecuencias.Esto significa que está utilizando software de servidor obsoleto y que su empresa de alojamiento simplemente no está haciendo su trabajo.Actualmente estás pagando el precio de tener un sitio lento, pero pronto cuando las cosas empiecen a colapsar porque no mantienen los servidores, te enfrentarás a un grave tiempo de inactividad.

Envíelos por correo electrónico y solicite que migre inmediatamente su cuenta a un nuevo servidor compatible con PHP7.Si no lo hacen (por cualquier razón), necesitas encontrar una buena compañía de alojamiento de WordPress.¿Tienes miedo y no quieres?Está bien estar ansioso por la migración, pero no necesitas hacerlo tú mismo.

Las empresas de alojamiento decentes migrarán por usted.En serio, no es un truco de marketing.Dales tu vieja contraseña de cPanel, y ya terminaste.

He oído que WordPress no funciona con PHP7

¿¡Seriamente!?WordPress nota explícitamente PHP7 o superior como requisito de servidor.Así que, en resumen, funciona.

PHP7 es nuevo y experimental

PHP v7.0 fue lanzado en diciembre de 2015. Ciertamente no es "nuevo".Es un software probado y probado que es mejor que PHP5.Es más rápido, tiene más características y es sólo el futuro.Si eso no es suficiente para usted, PHP5 ya no se mantiene activamente.

12. Mejorar la velocidad de WordPress cambiando el almacenamiento en caché del navegador

Cuando un usuario comienza a cargar su sitio web, su navegador comienza inmediatamente 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, necesita hacer todo lo posible para que su sitio sea súper rápido.

Mejorar la velocidad de WordPress y almacenar archivos estáticos por más tiempo

La primera visita a su sitio depende enteramente de su conexión a Internet y servidor, pero puede hacer el cambio a sus visitantes regulares.Probablemente no serán conscientes de que los cambios se han hecho, pero siempre tendrán en mente lo rápido que es su sitio.Usted puede ponerse en sus zapatos: si los sitios tardan unos segundos en cargar cada página, probablemente no se quedará demasiado tiempo, no importa 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 un equipo local.A continuación, si un usuario vuelve a visitar el mismo sitio, el explorador comprobará los archivos almacenados y los cargará inmediatamente en lugar de descargarlos del servidor remoto.Esto hace que el tiempo de carga sea mucho más corto, mejora la velocidad de la wordpress y hace que un visitante sea mucho más feliz.

Con el siguiente código, puede indicar a WordPress que almacene en caché 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 y esto realmente puede ayudar a su sitio si prolonga el almacenamiento en caché?

    1. Abra el archivo .htaccess
    2. Copie y pegue lo siguiente:
# Navegador en caché
<IfModule mod_expires.c="">
Caduca activo
ExpiresByType imagen / jpg "1 año de acceso"
ExpiresByType imagen / jpeg "1 año de acceso"
ExpiresByType imagen / gif "acceso 1 año"
ExpiresByType image / png "1 año de acceso"
ExpiresByType texto / css "acceso 1 mes"
ExpiresByType aplicación / pdf "acceso 1 mes"
ExpiresByType texto / x-javascript "1 mes de acceso"
ExpiraByType / x-shockwave-flash aplicación "1 mes de acceso"
ExpiresByType imagen / x-icono "1 año de acceso"
Expiración predeterminada "acceso 2 días"
</IfModule>
  1. Guarde los cambios

Después de guardar los cambios, el servidor cambiará los tiempos de acceso para el almacenamiento local de esos archivos.Si no te sientes cómodo editando el archivo .htaccess por tu cuenta, puedes hacer lo mismo usando un simple plugin.

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

Si has intentado acelerar y optimizar tu sitio de WordPress, probablemente hayas encontrado varias herramientas de diagnóstico en línea que pueden ayudarte con esto.Te invitamos a tomar las pruebas; le dirán el rendimiento de su sitio web, y la mayoría de estas 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 dirá qué tan rápido cargar hojas de estilo y scripts, minimizar los detalles y mucho más.Una de las cosas que muchos usuarios de WordPress encuentran en la parte superior de la lista (en el sentido de que el problema debe abordarse lo más rápido posible) es "eliminar cadenas de consulta de recursos estáticos"."En esta parte, explicaremos brevemente qué son las cadenas de consulta y cómo eliminarlas rápidamente con el fin de mejorar la velocidad de su sitio web.

¿Qué son las cadenas de consulta

Las cadenas de consulta son partes de direcciones URL que puede encontrar después de un signo de interrogación (?) O uno y símbolo comercial (&).Los exploradores o aplicaciones externos suelen agregar estas partes a las direcciones URL para agregar parámetros adicionales.

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

https://firstsiteguide.com/?utm_source=twitter&utm_medium=cpm&utm_campaign=twitter

Muy a menudo, después de hacer clic en un anuncio, un artículo de las redes sociales o su bandeja de entrada de correo electrónico, verá una URL bastante larga con cadenas de consulta.Para indicar a los servicios de análisis el origen de su visita, otros servicios (y los propios seres humanos) agregarán cadenas de consulta específicas de UTM que describen orígenes, medios y campañas.Los vendedores lo utilizan para monitorear la eficacia 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 quitar cadenas de consulta?

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

Aunque las cadenas de consulta son una parte importante de los elementos dinámicos, pueden ralentizar el sitio de WordPress si se usan en recursos estáticos.Si alguna vez ha abierto una consola del navegador en su sitio, es posible que haya encontrado que el sitio web muestra números de versión de script y estilo.Esto puede sonar familiar:

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

Algunos servidores de caché de proxy y CDN no pueden almacenar en caché este tipo de recurso.Esto significa que cada vez que abra un sitio, el servidor tendrá que enviarle el archivo una y otra vez.Y esto es algo que ralentiza enormemente un sitio.Solo esa cadena de consulta no hará mucha diferencia, pero cuando acumulas algunas, las cosas pueden ponerse serias.Por último, es el momento de solucionar el problema y quitar cadenas de consulta de recursos estáticos.

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

Cadena de preguntas

Hay algunas técnicas para eliminar cadenas de consulta de recursos estáticos en WordPress, y vamos a mostrarles.Puede hacer esto copiando una característica simple, o puede utilizar algunos plugins de WordPress que resolverán el problema por usted.Sea cual 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á el sitio al mismo tiempo.

Añadir una función simple

El primer método solo requiere que copie y pegue una función sencilla en el archivo .php Funciones.Si alguna vez has añadido una función allí, ya sabes que no es un gran problema.Pero si es la primera vez, presta especial atención ya que un pequeño error en el archivo puede hacer que tu sitio sea inutilizable.Sólo para sentirse seguro, cree una copia de seguridad del archivo antes de continuar.

    1. Abra y edite el archivo De funciones.php
    2. Copie y pegue el siguiente código:
función _remove_script_version ($src) {
$ partes = explotar ('? ver', $src);
devuelve $ piezas;
}[0]
add_filter ('script_loader_src', '_remove_script_version', 15, 1);
add_filter ('style_loader_src', '_remove_script_version', 15, 1);
  1. Guarde los cambios

Borre la opción en W3 Total Cache

Dado que W3 Total Cache es un plugin popular que actualmente tiene más de un millón de instalaciones activas, lo más probable es que ya esté utilizando el plugin. En ese caso, solo tendrás que borrar una opción de la configuración:

  1. Cambiar a performance -> caché del navegador
  2. Quite la marca de almacenamiento en caché Evitar objetos después de cambiar la configuración de la opción
  3. Guarde los cambios

Use el complemento Quitar cadenas de consulta del complemento Recursos estáticos

Si no te gusta agregar código a Functions.php por tu cuenta, puedes usar un plugin gratuito para trabajar.La eliminación de cadenas de consulta de recursos estáticos es un complemento ligero y directo que hará lo mismo sin tener que tocar el código.

Sólo tiene que instalar el plug-in, activarlo y ya está.Al activar el complemento, las cadenas de consulta se quitarán de los recursos estáticos.

Independientemente de la técnica utilizada, quitar cadenas de consulta no debería haber sido una tarea difícil.Ahora que ha terminado, puede ejecutar otro análisis en la herramienta de velocidad y rendimiento de su elección para ver si la puntuación (y la velocidad) de su sitio han mejorado.

14. Reduzca el número de solicitudes HTTP y acelere su sitio de WordPress

Aunque todo lo que se necesita para cargar un sitio web es un clic de botón para usted, hay mucho más que los equipos pueden manejar.Ese clic y un segundo que tardarán hasta que aparezca una página frente a usted pueden ocultar docenas si no cientos de solicitudes HTTP al servidor.Por supuesto, cuanto más información vaya de un lado a otro, 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 compañía de alojamiento.Pero cuando decide ir aún más profundo para acelerar su sitio web de WordPress, usted debe ocuparse de las solicitudes HTTP.

Para empezar, debe probar su sitio web para ver cuántas solicitudes se necesitan para cargar una determinada página.Hay varias maneras de probar.En lugar de mostrarle todas las posibilidades, simplemente inserte una DIRECCIÓN URL en el Control de solicitudes HTTP.Obtendrá los resultados inmediatamente y esperemos que no tenga más de 30 solicitudes.Si es así, es hora de reducir el número de solicitudes HTTP y acelerar su sitio de WordPress.

Control de solicitudes HTTP

15. No uses Gravatars

Si usas el sistema de comentarios predeterminado de WordPress, también estás usando Gravatars.Ahora, si recibes algunos comentarios al mes, esto no tiene que preocuparse mucho.Pero si a sus visitantes les gusta dejar notas cortas debajo de sus artículos, usted debe considerar la eliminación de Gravatars de la imagen.

Una vez que le decimos que cada imagen gravatar añade otra solicitud HTTP al servidor, imagine lo que sucede cuando tiene más de, por ejemplo, un centenar de comentarios en una sola página?Adivina qué pasa cuando hay más de cien solicitudes adicionales que no tienen que estar allí – sí, tu sitio se vuelve más lento.

Control de solicitudes HTTP

Si no necesitas esas pequeñas imágenes junto a cada comentario, ve a Configuración -> Discusión -> Avatar y borra la opción de mostrar avatares en los comentarios.Es fácil.En caso de que solo necesite tener avatares, debe considerar la instalación de 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 los comentarios si no los usas

Como puede imaginar, el uso de comentarios requiere archivos adicionales.Si está utilizando el sistema de comentarios predeterminado, no tiene que hacer nada: es algo que tiene la ventaja y que la solicitud adicional está justificada.Pero en caso de que no utilice comentarios en su sitio o utilice un sistema de comentarios diferente, debe eliminar el script de respuesta de comentario.Para ello, debe copiar la siguiente función en el archivo Functions.php:

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

17. Eliminar Emoji

Sí, los emojis son agradables.Sí, todo el mundo los usa en computadoras, teléfonos inteligentes y tabletas.Aunque WordPress los introdujo en la versión 4.2.eso no significa que usted tiene que cargar ese archivo JS adicional a su sitio sólo para tener la cara.La velocidad de tu sitio debería ser más importante que tener emojis (a menos que puedas vivir sin ellos).

18. Usa sprites CSS en WordPress

Como puede ver al probar una página, cada imagen requiere una solicitud HTTP.Esto no significa que debas eliminar las imágenes, pero deberías encargarte de ellas.Cuando se trata de la velocidad de su sitio, aprender a optimizar las imágenes para WordPress.Pero cuando se trata de solicitudes, puede reducir el número de estas solicitudes HTTP mediante la creación de sprites CSS.

Si vas al sitio de Spriteme, podrás seleccionar todas las imágenes de una página que utilices y combinarlas en un solo archivo.Después de editar los vínculos a las imágenes, agregará al tamaño de la imagen, pero al mismo tiempo reducirá el número de solicitudes.Esto puede parecer 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. Limitar el número de botones de redes sociales

Las redes sociales se han convertido en una parte estándar de cada sitio web.Ya sea que tenga un pequeño sitio personal o de negocios o esté ejecutando un portal con docenas de escritores, tendrá que vincular las redes sociales al sitio.Muy bien, y deberías.

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

20. Descarga scripts y estilos que no uses

Descarga scripts y estilos y acelera tu sitio

Un usuario promedio de WordPress no tiene idea de lo que está pasando en segundo plano.Quién tiene tiempo para pensar en scripts y estilos en un sitio.No te culpamos por eso, pero ahora que te hemos llamado la atención, tómate tiempo para revisar tu sitio en busca de los scripts y estilos que no necesitas.

No tienes que ser un experto.Ya te hemos mostrado un pequeño plugin limpio que te mostrará todos los scripts y estilos que se cargan en cada una de tus páginas.Con WP Asset CleanUp, puede reconocer fácilmente los archivos que ya no necesita y descargarlos rápidamente.Si tienes más experiencia con WordPress, el plugin te ayudará a aislar los datos y más tarde podrás eliminar manualmente los archivos.Si no es así, deja el plugin y deja que maneje guiones y estilos para ti.

21. Desactivar incrustaciones

Para mejorar la experiencia del usuario, los desarrolladores de WordPress han introducido un nuevo archivo JS que le permite incrustar vídeos de diferentes servicios como Youtube simplemente copiando una URL.Puede incrustar imágenes y tweets de la misma manera simplemente pegando el vínculo en visual editor.

Aunque esta característica es increíble, muchas personas no la usan.Si estás buscando acelerar tu sitio, es más importante eliminar una solicitud que tener una vista previa del video.Sabes qué video estás incrustando, así que realmente no necesitas tener esa vista previa, ¿verdad?

Si no eres bueno con el código y solo necesitas instalar un plugin, hay un plugin simple que eliminará las incrustaciones de tu sitio.Si puede controlar algunas líneas de código que solo necesita copiar, utilice la siguiente función e insértela en el archivo de Functions.php:

función speed_stop_loading_wp_embed {
si (! is_admin ()) {
wp_deregister_script ( 'wp-embed');
}
}
add_action («init», «speed_stop_loading_wp_embed»);

Tómese su tiempo y consulte su sitio de WordPress para obtener esas solicitudes HTTP no deseadas.Incluso si reduces el número solo para unas pocas páginas o si solo encuentras archivos que no tienes que subir, se realizará correctamente.No te preocupes; incluso si sus usuarios no sienten la mejora de velocidad, los motores de búsqueda lo harán.

Conclusión: Siempre cuida la velocidad de tu blog

Si solo realiza cambios en varias cosas de su sitio, es posible que se beneficie de ello.Los pasos que describimos en este artículo son completamente gratuitos, por lo que no te hará daño probarlos.Sin embargo, no se olvide de cuidar de su sitio; actualizar WordPress, temas y plugins de forma regular, y nunca descuidar su blog.

A veces, incluso un sitio optimizado no funcionará rápidamente.En ese caso, deberá buscar otra empresa de alojamiento o considerar el pago de dólares adicionales por un servidor administrado o dedicado.

Open

info.ibdi.it@gmail.com

Close