Casa > Page Speed ​​Essentials > How to Speed up Your WordPress Website [5-paso Guía técnica] - ES

Cómo acelerar su sitio web de WordPress [5-paso Guía técnica] - ES

Cómo acelerar su sitio web de WordPress Una guía técnica de 5 pasos-howtohosting-guide imagen del artículo

Acelerar un sitio o blog de WordPress puede ser fácil o difícil, dependiendo de la complejidad del sitio. sin embargo, Hay algunos pasos técnicos fáciles de usar que los administradores pueden tomar para mejorar el rendimiento del motor de back-end y aumentar la velocidad de carga de los visitantes.. Se consideran técnicos porque se basan en modificaciones básicas de la propia instalación..

Cómo acelerar su sitio web de WordPress – Guía de video

Qué afecta la velocidad de su sitio de WordPress?

La velocidad de un sitio de WordPress puede significar diferentes medidas. Lo que generalmente se conoce como “Velocidad de WordPress” es el velocidad de carga los visitantes perciben. No es un solo factor que está determinado por una sola operación o valor.

Desde el punto de vista del visitante, la solicitud que hacen al sitio de WordPress implica escribir la dirección (la URL) en la barra de direcciones del navegador y presione el “Entrar” llave, segundos después, la página debería cargarse. sin embargo, detras de esto, Hay varios factores importantes que todo usuario de computadora debe conocer..

Están los llamados “condiciones de usuario” que afectan la velocidad de carga de un sitio determinado y, en general,, los administradores del sitio web no pueden influir en ellos. Tales factores son los siguientes:

  • Velocidad de Internet - En gran medida, el factor más limitante es la conexión de línea que su proveedor de servicios de Internet proporciona a los usuarios (ISP). Esto incluye tanto la estabilidad como la velocidad de acceso al sitio dado..
  • Hardware - Es posible que las computadoras o dispositivos más lentos no procesen el sitio lo suficientemente rápido; esto depende completamente de su hardware.
  • Condiciones del navegador web - Algunas configuraciones del navegador web, particularmente aquellos que cubren servidores proxy y bloqueo de publicidad, puede inhibir la carga de ciertos elementos. Esto puede causar una ralentización considerable en la carga de blogs de WordPress..
  • Programas de seguridad - Algunos programas relacionados con la seguridad pueden interrumpir gravemente el funcionamiento normal de los navegadores web y la carga de sitios de Internet.. El culpable probable es una configuración de firewall agresiva que puede bloquear ciertos nombres de dominio asociados con redes de entrega de contenido., que suelen utilizar los sitios de Internet para optimizar la velocidad.

Cuando se habla de la mejora de la velocidad de WordPress, los administradores suelen diferenciar entre motor principal de WordPress y adiciones de terceros optimizaciones.

La primera parte designa consejos comunes que se pueden implementar en casi todos los sitios impulsados ​​por la tecnología del motor de blogs., mientras que el segundo indica las acciones que los administradores pueden realizar para los extras instalados por terceros: complementos, temas, etc..

Paso 1. Eliminar complementos de WordPress no utilizados y no optimizados

Elimine los complementos no utilizados de la instalación del blog de WordPress. Esto es porque ellos ocupar el espacio de archivos delegado proporcionado por el proveedor de alojamiento. Si bien la mayoría de los proveedores de alojamiento ofrecen una parte sustancial, esto puede ser un problema con paquetes más pequeños.

también, para ser incluido y cargado por el motor de blogs de WordPress, también deben estar registrados en la base de datos y vinculados al núcleo principal. Esto crea solicitudes de base de datos excesivas, que puede ralentizar la velocidad de carga incluso en la parte delantera.

Por otra parte complementos mal optimizados también debe ser eliminado (o reemplazado). Se consideran versiones de baja calidad., que a pesar de la incorporación de nuevas funciones, realmente tienen un efecto perjudicial en el rendimiento general del sitio. Hay varios señales que revelan si un complemento se comporta de esta manera.

El más común si un sitio o una parte del sitio se ralentiza inmediatamente después de que se configura y activa este complemento.. La otra es cuando los usuarios intentan utilizar sus funciones y notan cualquier problema al interactuar con el sitio.. Si se adquieren del repositorio principal de complementos de WordPress, los propietarios del sitio web pueden verificar las reseñas existentes y la calificación otorgada por otros usuarios.

Esto puede servir como indicador de la calidad percibida de una extensión.. Recomendamos que se realice una investigación exhaustiva antes de instalar complementos, especialmente en máquinas de producción. Idealmente, se debe realizar una prueba en una máquina de prueba, y el rendimiento y el funcionamiento del sitio deben revisarse cuidadosamente antes de está instalado en el servidor de producción.

Paso 2: Priorizar el uso de fuentes de Google

un consejo sobre la carga de fuentes

El uso de fuentes, cargado desde el Fuentes de Google repositorio, es una práctica que se utiliza en muchos temas de WordPress. Generalmente, los desarrolladores de temas eligen varias familias de fuentes para adaptarse a los gráficos y al tipo de blog.

Un consejo que generalmente se ignora, pero es muy importante,Es para priorizar la carga de las fuentes antes que otro contenido. Esto implica editar las principales variables que forman parte del tema actual, para cargar el repositorio de Google y las fuentes deseadas.

Estas líneas de código deben colocarse al principio de los archivos de configuración relevantes para garantizar que se carguen antes que otros elementos importantes..

Nuestro análisis de muchos sitios descubrió que esto no se hace en muchos sitios grandes., que se percibe como un problema grave. Pueden surgir varios escenarios debido al uso inadecuado de la carga de Google Fonts.

Un problema de ejemplo es cuando se abre una página incorrecta en un navegador web. Durante su carga en la ventana del navegador web, el contenido se mostrará utilizando la fuente del sistema predeterminada y no la fuente de Google asociada con sus desarrolladores.

Mientras se carga la página, los usuarios pueden no percibir el sitio en cuanto a la calidad y pueden detener el sitio y apuntar a otra opción. Esto afectará al Porcentaje de rebote y posteriormente conducir a una posible caída sustancial en la clasificación de SEO.

Hay varias razones por las que uno debería usar Google Fonts en lugar de las estándar proporcionadas por el motor principal de WordPress.. La distinción más importante sobre ellos es que son prácticamente una biblioteca de fuentes con licencia que los desarrolladores de sitios pueden utilizar de forma gratuita.

Esta colección incluye muchas familias de fuentes optimizadas que se utilizan específicamente para la visualización web, y como tal preferible para la integración de WordPress.

Se pueden cargar fácilmente llamando al especificado API de Google Fonts y dirigirlo a la familia de fuentes elegida. También hay dos formas de agregarlos, que también puede afectar la velocidad de carga.

La primera técnica se basa en la carga directa de las fuentes a través del catálogo en línea.. Google proporciona un bloque de código conveniente que debe insertarse en el wp_enqueue_style() función del tema actual.

Esto se hace navegando al Panel administrativo de WordPress y yendo a la Ficha apariencia, a partir de ahí elige Editor y elige el archivo. Agregue el código de fuente como se muestra en la pantalla de Google.

El segundo mecanismo para integrarlos implica el uso complementos de Google Fonts de terceros. Hay varios disponibles en los repositorios. — hay opciones gratuitas y de pago disponibles.

Algunos de los consejos que podemos ofrecer a los propietarios de blogs de WordPress en este sentido son los siguientes:

  • Limitación de peso de fuente — En el fragmento de código solo se deben cargar los pesos de fuente más utilizados.. Cargar una familia de fuentes completa suele ser innecesario y requerirá muchos más recursos que un grupo seleccionado de tipos de fuentes.
  • Alojamiento de fuentes locales — En algunos casos, las fuentes se pueden alojar localmente en lugar del uso del repositorio remoto de Google Fonts. Si se usa un servidor rápido, esto puede aumentar el rendimiento.
  • Ventajas específicas de Google Fonts — Muchas de las fuentes populares alojadas en el repositorio de Google permiten a las personas con discapacidades cargar el sitio correctamente en sus navegadores..

Paso 3: Optimización de imágenes

Las imágenes y los elementos gráficos constituyen la carga de recursos más significativa en la mayoría de los blogs de WordPress.. Por esta razón, su optimización debe ser una de las tareas de alta prioridad cuando surgen problemas de velocidad.

El sentido más común para un blog de carga lenta suele ser imágenes de baja compresión que no son aptos para uso web. La elección del formato más apropiado depende principalmente del tipo de sitio web y si las imágenes están animadas o no y su intención.

Para imágenes de uso general, recomendamos a los administradores que confíen en JPEG progresivo imágenes. Esta es una nueva tecnología que se aplica a un formato conocido. Cuando una imagen de este tipo se coloca en un blog, se mostrará de inmediato y comenzará a cargar los datos completos durante la carga de la página.

En la práctica, los usuarios percibirán que todo se ha cargado al instante. sin embargo, la carga completa tiene lugar en segundo plano mientras se lee el sitio.

Los archivos JPEG progresivos son una propuesta mejor que los formatos comparables cuando se trata de imágenes de tamaño pequeño. Los usuarios no podrán ver que el fotograma inicial está pixelado y se está cargando en segundo plano..

Otras técnicas para optimizar los recursos de imágenes incluyen carga dinámica, una característica popular implementada en la mayoría de los temas modernos.

Esto ahorra drásticamente el ancho de banda y hace que los sitios se carguen mucho más rápido.. Si se implementa tal técnica, solo los recursos mostrados en el desplazamiento actual del sitio se cargará. Si los usuarios navegan a otra parte del sitio, entonces en ese momento, se cargarán más imágenes.

También es fundamental asegurarse de que buena compresión se mantiene en todo el sitio. La mayoría de los programas de edición de gráficos tienen una opción de exportación particular llamada guardar para web que permite la correcta optimización.

Esto generará un cuadro de diálogo en la mayoría de los programas., Permitir a los usuarios de computadoras elegir el nivel de compresión y ajustarlo en porcentajes..

Una buena regla general sería implementar estos cambios en el código JavaScript del tema.. Esto eliminará el motivo para agregar esta funcionalidad a través de un complemento de terceros.

Los desarrolladores de WordPress deben asegurarse de que la imagen más grande en una página determinada, enviar, categoría, o la sección del blog se carga primero. Esto es muy importante ya que le indica a Google que el sitio está especialmente optimizado..

Este tipo de imágenes también deben tener el etiquetas de descripción alt, así como implementar el tamaño correcto (como se detalla en la sección anterior) y posición en el sitio. Esto generalmente se hace automáticamente en la mayoría de los temas modernos., mientras que en otros, esta suele ser una opción que se puede considerar.

Paso 4: Optimización de recursos

consejo de optimización

Una de las formas más efectivas de reducir la velocidad de carga de WordPress para los visitantes y aumentar el rendimiento del motor subyacente es disminuir la cantidad de recursos cargados opcionalmente.. Este es un caso en el que los administradores de sitios de WordPress utilizan temas o creadores de páginas más complejos..

Como parte de estos mecanismos, muchas imágenes, fuentes, y JavaScript se cargan en los sitios. Y aunque no se utilicen, todavía forman parte del código cargado cada vez que los visitantes solicitan la página.

Esto crea un enorme obstáculo para el rendimiento de los servidores., especialmente si los blogs atienden a cientos de visitantes cada minuto. Varios tipos principales de recursos deben revisarse y reducirse en la mayor medida posible.:

  • Imágenes - Este es uno de los tipos de recursos más importantes que deben reducirse al mínimo.. La estrategia exacta de cómo hacer esto dependerá del tipo de blog y del diseño general del tema.. Por ejemplo, Algunos temas de diseñador pueden agregar una imagen gráfica particular cuando ingresan etiqueta de línea horizontal. Esto se puede desactivar, que eliminará la carga potencial de la misma imagen en muchas páginas por parte de todos los visitantes. además, Las imágenes deben revisarse cuidadosamente de forma regular para eliminar el contenido duplicado..
  • Fuentes - Muchos de los temas más grandes cargan varias familias de fuentes completas automáticamente durante la carga del sitio.. A menos que se utilicen todos los pesos y variantes de fuente en el blog (que rara vez se hace), los no utilizados se pueden omitir con seguridad. Consulte la documentación del tema para ver cómo se puede hacer esto.
  • Código JavaScript - Los fragmentos de JavaScript mal optimizados pueden reducir considerablemente el rendimiento del sitio.. Normalmente cuando se coloca, el navegador web ejecutará posteriormente: se cargará una sola sección, y el siguiente no se ejecutará hasta que el primero haya terminado de ejecutarse. Esto crea una cadena de ejecución larga que puede bloquearse si ciertos fragmentos no se ejecutan en consecuencia..
  • Código CSS - Similar, el código CSS del tema debe ser lo más mínimo posible. La mayoría de los desarrolladores web siguen una regla general porque todos los scripts requeridos se declaran en el archivo del tema principal para que las publicaciones y páginas individuales se eliminen de cualquier carga de código innecesaria..

Estos consejos muestran algunas de las técnicas de optimización esenciales para recursos vitales de WordPress.

Paso 5: Optimización específica de JavaScript y CSS

Una diferencia significativa en la velocidad de carga del sitio y el rendimiento del motor es si el código CSS y JavaScript de las páginas son “minificado”, este es un procedimiento particular que implica la reducción de solicitudes y procesamiento.

Minificación en el desarrollo de WordPress se refiere a la práctica de diseñar un sitio para insertar código especialmente optimizado. Se denomina minificado ya que se omiten datos no importantes.: líneas innecesarias, espacios, y caracteres de las líneas de código.

En realidad, esto no supone ninguna diferencia para los intérpretes del servidor web., resultados en tamaños más pequeños, y acelera la carga.

Hay dos formas de hacerlo:

  • Manual - Esto se hace revisando manualmente cada documento y aplicando los cambios necesarios. Esta es la opción preferida, ya que potencialmente puede conducir a la mas limpio documento resultante, especialmente de la mano de un desarrollador experimentado.
  • Automático - Esto implica el uso de un software especial que esencialmente reescribirá el código usando instrucciones predeterminadas. En algunos casos, esto puede producir un peor resultado ya que la carga del complemento, y su uso puede aumentar la sobrecarga de rendimiento del motor principal.

Resultado de velocidad

Estos cinco consejos constituyen las formas más utilizadas para acelerar una instalación de WordPress en ejecución.. Si bien la mayoría de ellos no son tan complicados de hacer, los ajustes avanzados requieren conocimientos de programación para llevar a cabo todas las tareas. Sería mejor evitar el uso de complementos automatizados y realizar cambios manuales tanto como sea posible para descargar el motor principal.

Nosotros en Howtohosting.guide generalmente aconseja a todos que sigan estos pasos al principio antes de que se cargue mucho contenido.

Esto hará que la indexación inicial de los motores de búsqueda sea más rápida y creará una clasificación inicial más alta.. Adicionalmente, evitará que surjan posibles problemas de cambios de código en los sitios de producción.

Si encuentra útil este artículo, entonces suscríbete a nuestro Canal de Youtube para obtener más consejos sobre alojamiento y vídeos de WordPress.

Dejar un comentario

su dirección de correo electrónico no será publicada. Los campos obligatorios están marcados *

Este sitio está protegido por reCAPTCHA y Google Política de privacidad y Términos de servicio aplicar.