Cómo optimizar WordPress para la velocidad de SpeedBird

Optimizar un sitio de WordPress para la velocidad puede parecer desalentador incluso para usuarios avanzados. Aquí hay una guía completa sobre cómo hacer que sus páginas web fueran increíblemente rápidas con Hummingbird, nuestro complemento de optimización de velocidad de WordPress. Haga que sus sitios de WordPress se apresuren rápidamente con Hummingbird, uno de los visitantes pierde su interés y decida abandonar el sitio. La optimización de las páginas de WordPress para cargar en menos de dos segundos puede ser una tarea compleja y provocativa. Muchos factores contribuyen a la velocidad de su sitio, como su web, dimensiones de archivos multimedia, scripts de terceros, la cantidad de complementos y el tema que ha instalado en su sitio.
En este tutorial, le mostraremos cómo usar Hummingbird para usar un sitio de carga lenta como este …

Sitio antes de la optimización. Fuente: Tools.pingdom.com y optimice para una carga más rápida de páginas como esta …

El mismo sitio después de una optimización básica. Fuente: Tools.pingdom.com Hummingbird es un poderoso complemento que optimiza los sitios de WordPress para ofrecer páginas de carga más rápidas en el escritorio y navegadores móviles de los visitantes, utilizando una interfaz intuitiva y fácil de usar, con funciones de optimización automática. Con un solo clic. Hummingbird también ofrece usuarios de control completo sobre la optimización de su sitio, con configuraciones y opciones de ajuste fino avanzados, explicaciones detalladas de recomendaciones técnicas, valores de puntaje para ayudarlo a comprender lo que hace, monitoreo continuo de problemas de rendimiento. (Con recomendaciones sobre cómo Para remediarlos), soporte de arado 24/7 y desarrollo continuo de complementos. Esta guía le mostrará cómo aprovechar al máximo las funciones de optimización de los colibríes y mantener sus páginas web que se cargan rápidamente. Cubriremos las siguientes secciones:
¿Por qué usar Hummingbird para optimizar la velocidad del sitio de WordPress?
Panel de control de colibrí: su Centro de optimización de velocidad de WordPress
Evaluar su sitio con una prueba de rendimiento
Proporcionar páginas y contenido más rápido con la memorización en caché
Reduzca el tamaño del archivo para un servicio más rápido con compresión GZIP
Mejorar la velocidad de la página con la optimización de activos
Mantenga su sitio web usuarios débiles y apasionados con herramientas avanzadas
Ver el momento del tiempo no funcional con el monitoreo del tiempo de funcionamiento
La optimización sin riesgos aumenta la velocidad de su página o recupere el sitio lento
También exploraremos cómo Hummingbird aborda varios factores que contribuyen a la velocidad de la página y le daremos enlaces a tutoriales y recursos relevantes para ayudarlo a hacer el máximo del complemento “. El colibrí es muy fácil de usar. Pensé que no cambiaría demasiado mi velocidad porque ya realizaba mejoras. ¡Hice el escaneo, me di recomendaciones, presioné un botón para aplicarlas e hice mi sitio aún más rápido! -Camilo tenemos una gran cantidad de tierra que cubrir, así que comencemos … 1. ¿Por qué usar Hummingbird para optimizar la velocidad del sitio de WordPress? Hay una serie de herramientas en línea gratuitas que puede usar para probar el rendimiento de su sitio. Las herramientas más populares y recomendadas son Google PageSpeed ​​Tsights, Pingdom Tools y Gmetrix.
Aunque todas las anteriores son excelentes herramientas para mostrarle qué tan rápido se cargan las páginas de su sitio, hemos desarrollado Hummingbird para seguir las ideas de Google PageSpeed ​​porque:
Google PageSpeed ​​Insights se centra en la experiencia del usuario final.
Ofrece recomendaciones para optimizar la velocidad de la página mediante la remedición de las áreas en las que tiene control, como textos y recursos basados ​​en texto y archivos de código.
Debido a que Google usa la velocidad de la página como medida de clasificación en los resultados de búsqueda, Google PageSpeed ​​Insights ofrece una clara prioridad de Google cuando establece la clasificación de búsqueda.
Como se menciona en la descripción del complemento en wordpress.org,
Hummingbird hace que su sitio sea más rápido y optimiza el rendimiento del sitio al agregar nuevas formas de aumentar los conocimientos de Google PageSpeed ​​con archivos ajustados en la compresión de archivos, posponios de los estilos CSS y JavaScript, descuento para CSS y JS, integración y almacenamiento de carga perezosa en la clase mundial: cache. Cuando junte todo esto, verá que el enfoque de Hummingbird es: mejorar su velocidad de página con la experiencia del usuario final.
Le ayuda a remediar las áreas en las que tiene control, a saber, imágenes, archivos y códigos basados ​​en texto. Como puede ver, Hummingbird funciona perfectamente con Smush, nuestro complemento de compresión y optimización de imágenes, para ayudarlo a arreglar fácilmente las ideas de Google PageSpeed ​​(por ejemplo, optimizar imágenes, cambiar el tamaño de las imágenes, posponer las imágenes en el exterior de la pantalla, codificar imágenes y transmitir imágenes En el estado -de los formatos de arte, que se ocupan de los problemas basados ​​en el texto, como eliminar los recursos que bloquean la representación, reduciendo JavaScript y CSS, la eliminación de CSS, la activación del texto, el uso de una eficiencia de caché de política para la estática estática elementos y preconcepción en los orígenes necesarios y la mayoría de ellos se pueden hacer automáticamente o hacer clic en unos pocos botones.
Haga todo lo anterior y ayude a su sitio a mejorar su clasificación en la búsqueda, siguiendo los criterios exactos de optimización de velocidad que Google ve y da prioridad al analizar los sitios.
Hummingbird utiliza Google PageSpeed ​​Insights, pero ofrece recomendaciones de WordPress personalizadas y específicas para remediar problemas y mejorar el rendimiento. Algo para recordar mientras exploramos las funciones de optimización de colibríes es que Google PageSpeed ​​Tsights está diseñado para evaluar su experiencia de usuario. Observar el resultado de 50 representa el percentil 75. Esto significa que si obtiene una puntuación de 50 o mayo. Está bien, ya está en El primer 25% de todos los sitios web de rendimiento. Para comprender por qué la orientación de una puntuación de 100 páginas Veed 100 es un objetivo incorrecto, suscríbase al formulario en la parte inferior de esta guía.
2. Panel de control de Hummingbird: el centro de optimización de velocidad de WordPress WordPress comienza en el tablero de Hummingbird.
Panel de control de Hummingbird. Nota: Si usted es miembro de WPMU Dev, puede instalar Hummingbird desde el Hub, nuestra consola de administración central. Simplemente seleccione su sitio, haga clic en la pestaña Rendimiento y haga clic en el botón Instalador.
Habilite el colibrí del centro. Una vez instalado, puede usar el Hub para monitorear el rendimiento de Hummingbird en su sitio web para usuarios de escritorio y móviles, sin tener que conectarse al sitio.

Monitoree el rendimiento de su sitio web con Hummingbird para escritorio y móvil desde el centro. El tablero de colibríes ofrece un estado instantáneo de optimización de su sitio. Aquí hay un rápido resumen de las secciones del tablero y cómo contribuyen a las velocidades de carga de páginas más rápidas. Ampliaremos cada una de estas áreas a la vez. También puede hacer clic en los enlaces de las secciones a continuación para visitar la documentación del complemento para cada sección. Presentación general: la sección en la parte superior del tablero muestra los resultados de las últimas pruebas de rendimiento y le permite determinar rápidamente si el sitio: el UL funciona dentro de los límites aceptables.
Rendimiento Test-Hummingbird escanea su sitio, evalúa su velocidad y eficiencia, y crea una relación con recomendaciones para la remediación de problemas y que mejoran el rendimiento.

Memorización de caché: habilite y configure el almacenamiento de caché de la página, navegador y grabado. Escribí una publicación detallada que explica cómo funciona el almacenamiento en caché y cómo acelerar su sitio.

La optimización de imágenes – Hummingbird funciona perfectamente con Smush, nuestra compresión y optimización de imágenes, para que las imágenes en su página se carguen más rápido, mejorando así la velocidad general de la página.

GZIP – La compresión GZIP acelera la transferencia de la página haciendo archivos de servidor más pequeños y rápidos para enviarlos a los navegadores web de los usuarios.
La optimización de los activos: la optimización de los activos mejora la velocidad de la página al hacer que el código sea más eficiente y optimizar la entrega de activos para mejorar el rendimiento. Instrumentos avanzados: aquí puede realizar una serie de cambios adicionales para reducir los tiempos de carga de la página.
Monitoreo del tiempo de funcionamiento: esta es una función de colibrí que le advierte inmediatamente si su sitio está desertando y anuncia cuándo su sitio funciona nuevamente.
Informes: esta es otra función de Hummingbird Pro que le permite automatizar y programar sus informes de envío diarios, semanales o mensuales, la base de datos de limpieza y el tiempo de operación para ayudarlo a conocer los problemas potenciales del rendimiento.
También puede acceder a las secciones de Hummingbird desde el menú Plugin.
Vaya a todas las secciones de colibrí en el menú. Veamos por las secciones principales del complemento que afectan la velocidad de su sitio y cómo usar el colibrí para mejorar la velocidad en cada una de estas áreas. 3. Evalúe su sitio con una prueba de rendimiento, le recomendamos que realice una prueba de rendimiento después de instalar el complemento en su sitio. Simplemente haga clic en el botón Ejecutar la prueba en el tablero para comenzar.
Ejecute una prueba de Google PageSpeed ​​para obtener un informe sobre el rendimiento de su sitio y sus formas de optimización. Alternativamente, también puede ejecutar una prueba de velocidad en el escritorio o móvil en el centro.
También puede ejecutar una prueba de rendimiento en el Hub. Además de los valores de puntaje, Hummingbird también proporciona los resultados de las pruebas de su sitio en la sección de auditoría en tres áreas diferentes: Oportunidades: esta sección identifica las oportunidades para mejorar la velocidad de carga de la página y estimar qué tan rápido se cargará su sitio. . Si se implementan estas mejoras.
Diagnóstico: esta sección proporciona información adicional sobre cómo su página respeta las mejores prácticas de desarrollo web. Aunque las mejoras realizadas en esta sección pueden no afectar directamente la velocidad de carga, ayudan a mejorar el puntaje de rendimiento general de su página.
Auditorías promovidas: esta sección enumera auditorías con una puntuación de 90 o más. Cualquier área que tenga una puntuación de menos de 100 representa oportunidades adicionales para mejorar el puntaje de rendimiento general de su sitio.
Ejecute la prueba de velocidad de Hummingbird para identificar las oportunidades de actualización para cargar la página. Los resultados de las pruebas de rendimiento de Hummingbird también utilizan códigos de color intuitivos para ayudarlo a identificar fácilmente problemas que requieren remediación y áreas para mejorar. Desplácese hacia abajo en la página y verá qué puntaje y color se han asignado a cada área de rendimiento clave de su sitio de WordPress.

Los resultados de las pruebas de rendimiento de los códigos de color de Hummingbird facilitan la búsqueda de recomendaciones de mejora y remedian cualquier problema. Haga clic en Recomendación y se expandirá y le brindará información detallada sobre lo que necesita hacer para mejorar su puntaje. En la sección Oportunidades, por ejemplo, si extiende cada elemento, verá recomendaciones sobre formas de mejorar la velocidad de carga de la página y estima qué tan rápido se cargará su sitio si se implementan estas mejoras. Cargue sus páginas si implementa sus recomendaciones. Muchas de estas mejoras y recomendaciones se pueden implementar incluso en Hummingbird. Siga las instrucciones proporcionadas, realice las actualizaciones de su sitio y luego realice la prueba nuevamente para ver si esas mejoras han contribuido a aumentar el puntaje de rendimiento. Tenga en cuenta:

Si realiza la prueba de rendimiento de Hummingbird y la prueba directa de GPSI, puede notar resultados diferentes. Esto se debe al hecho de que HB siempre envía ping al mismo servidor, mientras que GPSI envía ping al servidor más cercano.

Para obtener los resultados más precisos basados ​​en la experiencia del usuario final, use GPSI directamente. Sin embargo, para recomendaciones y consejos específicos de WordPress de la mejora del rendimiento, use los resultados de Hummingbird Pro.
4. Proporcionar páginas y contenido más rápido con la memorización en caché en caché hace que las páginas se carguen más rápido.Cuando pensamos en complementos de rendimiento, generalmente lo que nos enfocamos es en la caché de la página.Hummingbird hace esto un paso más allá y ofrece muchos tipos de memoria en caché, que puede activar fácilmente haciendo clic en la pantalla de almacenamiento en caché del arado. Cache de CACT HUMMINGBIRD.El caché en caché de Hummingbird incluye almacenamiento de páginas, almacenamiento del navegador, caché grave y almacenamiento en caché.Además, Hummingbird se integra perfectamente con CDN (por ejemplo, CloudFlare) y si sus sitios están alojados con WPMU Dev, la velocidad del sitio se mejora y se mejora más con caché de objetos y caché del servidor estático.Una vez activado, Hummingbird inmediatamente comienza a memorizar sus páginas y archivos.
La memoria de Hummingbird se activó. El complemento también le brinda un control completo sobre cada aspecto de su funcionalidad de almacenamiento de caché. Esto incluye seleccionar los tipos de páginas para memorizar en caché, activar o desactivar la precarga en caché, configurar caché, datos de vencimiento para cada archivo y tipo de servidor, integraciones con proveedores externos (por ejemplo, Redis) y CDN y CDNS. Otras configuraciones de caché . Integración de CloudFlare Un CDN puede mejorar significativamente el rendimiento y aumentar la velocidad de los sitios de WordPress. Parte de la forma en que lo hace es almacenando en caché. Si es miembro de WPMU Dev o aloja sus sitios de desarrollo WPMU, puede activar el CDM WPMU en los activos de Hummingbird para optimizar la entrega de activos estáticos, como archivos JS y CSS. Si actualmente está utilizando CDN CloudFlare Services, Hummingbird permite a los usuarios de Cloudflare conectar su cuenta para administrar esas configuraciones de almacenamiento en el navegador de arado.
Hummingbird funciona perfectamente con Cloudflare. Para obtener más información sobre cada uno de los tipos de almacenamiento en caché anterior, consulte nuestra publicación sobre los diferentes tipos de caché web y visite la sección de documentación de almacenamiento de colibrí. 5. Reduzca el tamaño de los archivos para servir más rápido con la transferencia de compresión GZIP del servidor al navegador puede ser un problema importante cuando tiene que enviar muchos archivos voluminosos (o incluso solo muchos archivos, en general). Es por eso que la compresión GZIP es una solución ideal. En conclusión, use un algoritmo para almacenar sus datos como un solo bit. Al hacerlo, el tamaño de los archivos que necesita transmitir es mucho más compacto. Si su servidor aún no activa la compresión del archivo GZIP, puede usar Hummingbird para manejarlo. La compresión GZIP incorporada de Hummingbird hace que sus páginas web de WordPress se carguen más rápido agrupando y comprimiendo recursos basados ​​en texto. Alojado con WPMU Dev, puede configurar la compresión GZIP para que coincida con su tipo de servidor (por ejemplo, Ningx, Apache, IIS) y seguir las instrucciones de complemento para activarlo en su sitio web.

Optimice la compresión GZIP de acuerdo con el tipo de servidor. Si necesita ayuda con la compresión de GZIP, consulte nuestra documentación o haga clic en el enlace dentro del complemento para comenzar un chat en vivo con nuestro equipo de asistencia (Hummingbird> Gzip Compression> Habilitar compresión). 6. Velocidad de la página turbo-boost con optimización de activos que ejecutan el panel de velocidad de Hummingbird o la pantalla de prueba de rendimiento crean una lista de optimizaciones recomendadas que ayudará a sus páginas a cargarse más rápido. Puede abordar y resolver muchas de estas recomendaciones en el complemento en sí. Simplemente vaya a la pantalla de optimización de activos y elija si utiliza nuestras opciones automáticas o configura manualmente cada archivo. Hummingbird le permite optimizar los archivos de forma automática o manual. Hummingbird le permite elegir entre dos activos automáticos de optimización de optimización haciendo clic en la pestaña automática:

Rápido: ofrece un mayor nivel de optimización y es la opción recomendada. Comprime automáticamente sus archivos y “combina automáticamente” los archivos más pequeños con atributos idénticos, lo que ayuda a reducir la cantidad de solicitudes realizadas cuando las páginas se cargan.


Básico: esta opción comprime automáticamente todos los archivos no opmistas, generando una versión más nueva y rápida de cada uno. También elimina el desorden de los archivos CSS y JavaScript, lo que ayuda a mejorar aún más el sitio.
Para obtener más detalles sobre cómo funcionan estos métodos de optimización de activos, haga clic en “¿Cómo funciona?” Enlace en el complemento o consulte nuestra documentación.
Haga clic en el enlace para obtener más información sobre cómo funcionan los métodos automáticos de optimización de activos de colibrí. Si tiene la intención de optimizar los activos y configurar manualmente cada archivo, capacitará el motor de optimización de activos de Hummingbird para comprimir, integrar, combinar, posponer o mover sus archivos para que los visitantes realicen menos solicitudes a su servidor. Al visitar su sitio. Le permite optimizar manualmente cada activo para el control total. El proceso de limpiar el exceso de espacio de los archivos, eliminar los elementos innecesarios y reescribir el código para reducir el tamaño del archivo, de modo que sean más pequeños y más fáciles se denomina minimización. Este uso excesivo del espacio puede tener muchas formas, pero Hummingbird está buscando cosas como espacios blancos innecesarios, personajes o giros de cochecito. Cuando se rinda, las solicitudes HTTPS a su sitio se transmitirán más rápido a los visitantes, lo que conduce a tiempos de carga más rápidos. Hummingbird le permite realizar diferentes características para optimizar archivos manuales, como comprimir, combinar, mover el archivo, insertar el archivo como CSS en línea y evitar la carga del archivo.
Hummingbird no solo le permite minimizar los archivos HTML, CSS y JavaScript, sino que también puede combinar esos archivos y reposicionarlos en su sitio, para que sea más eficiente. Mover los guiones al sótano, por ejemplo, ayuda a eliminar los problemas de bloquear la lesión. Los botones indicadores en esta sección le notificarán si un archivo ya se ha comprimido (botón gris) y si se puede combinar con otro archivo (botón azul). Una opción para forzar la carga del archivo después de que se carga la página también está disponible para archivos JavaScript. El modo manual también le permite realizar operaciones de actualización seleccionando más archivos. Sin embargo, tenga en cuenta que cuando optimiza los archivos en modo manual, le recomendamos que realice cambios seguidos y verifique si cada operación es exitosa antes de pasar al siguiente. Haga cambios en el bloque a los activos solo si está seguro de que sabe lo que está haciendo. Después de aplicar todas las actualizaciones que desea hacer en cada archivo, haga clic en Publicar cambios. Asegúrese de revisar su sitio después de hacer esto para asegurarse de que nada saliera mal mientras movía los archivos y scripts. Paga el botón Publicar cuando termine y deje que Hummingbird haga para hacer magia. 7. Mantenga su sitio débil y apasionados usuarios con instrumentos avanzados Las herramientas avanzadas de Hummingbird le permiten hacer cambios adicionales para aumentar la velocidad de carga de la página.

Reduzca aún más los tiempos de carga de la página, cambiando la configuración en la sección de la herramienta avanzada. Algunos de estos ajustes incluyen: cadenas de consulta de URL de aliminación general del proxy de caché y algunos CDN pueden ayudar a aumentar la velocidad. Puede reducir aún más los tiempos de carga de la página desactivando los fragmentos de CART en páginas no wooCommerce si su sitio está alimentado por WooCommerce y realizando ajustes adicionales, tales para ciertos campos, si usa servicios de terceros.

Limpiar la base de datos de su base de datos innecesaria, lo que podría ralentizar el servidor.

Los sitios de carga perezosos con muchos comentarios, marcos e imágenes de iframe pueden ralentizarse con el tiempo. Active la función de carga perezosa de los comentarios en esta sección para retrasar la carga de comentarios y aumentar la velocidad de su página en muchos comentarios.

8. Monitoree el tiempo no funcional del sitio con el monitoreo del peor resultado posible de la velocidad de página que puede experimentar es tener un sitio abajo con las páginas que no cobran en absoluto. El monitoreo del tiempo de funcionamiento es una función de Hummingbird Pro que le advierte inmediatamente por correo electrónico si su sitio fallece y anuncia cuándo su sitio funciona nuevamente.

Reciba un aviso inmediato si su sitio está apagado y sus páginas no se cobran. Obtenga más información sobre cómo monitorear el tiempo de funcionamiento. 9. La optimización sin riesgos aumenta la velocidad de su página o recupera el sitio web de Cuared Hummingbird no cambia nada de su base de datos, lo que le permite cancelar todos los cambios que realiza en cualquier momento. Si realiza una desinstalación correcta del complemento, también eliminará todos los rastros del complemento y cancelará cualquier cambio que haya realizado. Tenga en cuenta que Hummingbird no puede solucionar problemas de rendimiento para los scripts que se ejecutan en terceros servidores. Estos incluyen alimentos de redes sociales, incorporación de medios (por ejemplo, videos de YouTube), scripts esenciales que puede confiar (por ejemplo, Google Analytics) o incluso complementos y temas que requieren muchos recursos que usan funciones al aire libre. Haga que su sitio vuele con Hummingbird ya que se convirtió en parte de nuestra familia de complementos de superhéroes en agosto de 2018, Hummingbird ha excedido cualquier otro complemento de optimización de WordPress. Como se mencionó al comienzo de esta guía, la optimización de WordPress para la velocidad puede ser una tarea compleja y provocativa. Hummingbird simplifica enormemente este proceso, lo que le brinda una fuerte herramienta de optimización de WordPress “en uno” que le permite implementar Google PageSpeed ​​Insights y remedia la mayoría de los problemas que hacen que sus páginas sean lentos incluso en el tablero de su complemento externo a través del Hub si administra Más sitios. Puede aumentar la velocidad de la página aún más en su sitio.

La combinación de Hummingbird incorpora herramientas con un flujo para la optimización de imágenes y alojando sus sitios en nuestro servicio de alojamiento de WordPress totalmente administrado, que también está optimizado para la velocidad, con funciones como un CDN extraordinariamente rápido, almacenando la página en el lado del servidor usando FastCGI y más.Para obtener información sobre el uso de Hummingbird, consulte la documentación del complemento y vea nuestra hoja de ruta para ver todas las nuevas funciones y mejoras interesantes que vendrán pronto.Y si necesita ayuda en algún momento usando Hummingbird, comuníquese con nuestro equipo de asistencia.Estamos disponibles las 24 horas del día, los 7 días de la semana, para toda su WordPress. ¿Usa Hummingbird para acelerar tu sitio web de WordPress?Comparta sus pensamientos y experiencias en los comentarios a continuación.