Haga que su sitio web de WordPress vuele: un tutorial de optimización de rendimiento

Ya sea que trabaje para un cliente o desarrolle sus propios proyectos de WordPress, no necesita decirle que la velocidad importa. Mucho. Y a diferencia del bien conocido cliché, la falta de velocidad es la que mata cuando se trata de la web. Si depende de WordPress para su existencia, entonces sería mejor realizar: ignorar la velocidad del sitio y paralizará las tasas de conversión de sus sitios, y ya sabe que su clientela de desarrollo está esperando una carga de páginas instantáneas, no Importan cuántas imágenes y videos de alta resolución se han lanzado en una página.
El poder de WordPress también es su mayor debilidad. El tema del tema y las plantillas del tema de WordPress, el HTML real de la mano de un desarrollador web. Agregue que los recursos externos se extraen de un puñado de directorios con temas, temas secundarios y complementos y luego se ponen en la cola del documento y no se codifica duro y tiene una receta para “¿Cómo demonios optimizo esto?”. ¡Afortunadamente, soy una buena noticia! No debe manipular manualmente los recursos del sitio web o revocar la carga de los medios de medios de clientes, colaboradores y editores.
Paso a paso: cómo hacer que un sitio web de WordPress vuele como mencioné, optimizar un sitio web de WordPress para la velocidad máxima puede ser un poco complejo. Así que simplificamos las cosas. En general, querrá implementar una estrategia de optimización para marcar todas las casillas siguientes:
Elija un host web de calidad
Optimizar los recursos de JavaScript y CSS
Optimizar las imágenes
Optimizar la entrega
Paso 1: Opta por el alojamiento de calidad Aunque no ofrecemos alojamiento de alojamiento, podemos ofrecer algunos consejos a este respecto y, dado el puesto de nuestro CEO de ventas afiliadas, la nuestra es una opinión en la que puede confiar. ¿En qué se ve la calidad del anfitrión de calidad? ¿me gusta? Bueno, en aras de la seguridad y la disponibilidad de recursos, es privado. Esto no significa que WordPress nunca debe alojarse en un servidor compartido, pero compartir no es el lugar correcto para un sitio de generador de ingresos. Puede parecer que me deshizo de la sombra, pero no lo soy. Tengo varios proyectos personales alojados en servidores compartidos. Un servidor compartido es una excelente opción barata para proyectos paralelos, sitios de pasatiempos y otros. Sin embargo, si está ejecutando un sitio que disfruta de 1,000 páginas al día, genera ingresos significativos o almacena cualquier información confidencial en la base de datos de WordPress, necesita la mejor seguridad posible y disponibilidad garantizada. Además, muchos hosts web de calidad incluyen almacenar la página en el nivel del servidor, que superará cada vez que el almacenamiento en caché activado para complemento.
Los hosts específicos de WordPress son la mejor apuesta. Sin embargo, si esto está fuera de su rango de precios, un VPS amigable con el presupuesto de un anfitrión de renombre es una buena opción de respaldo. Alternativamente, los servidores de nubes privadas ofrecen un entorno rápido y privado a un precio bajo y generan mucho ruido positivo en la comunidad de desarrollo de WordPress en este momento. Probamos y comparamos algunos de los hosts de WordPress más importantes. Consulte los resultados aquí: los mejores hosts de comparación de WordPress Paso 2: Optimizar los recursos JavaScript y CSS Una vez que se ocupe del primer bloque de velocidad eligiendo un host de calidad, el siguiente paso es configurar los recursos CSS y JavaScript para el máximo rendimiento. La base detrás de la optimización de los recursos CSS y JavaScript es realmente bastante simple:
Mueva los recursos para que solo cobren cuando realmente sean necesarios.
Reduzca los recursos (es decir, hacerlos lo más pequeños posible) eliminando cualquier espacio innecesario y interrupciones de línea.
Combine los recursos en la menor cantidad de archivos posible para minimizar el número de solicitudes HTTP para cargar su sitio.
Entonces, ¿cómo hacemos eso? Bueno, he dedicado tutoriales completos a este tema antes y debe consultarlos si este proceso no es familiar para usted, pero la versión de CliffNotes es:
Instale Hummingbird y ejecute la herramienta de reducción de archivos (Hummingbird> Minifiire) para cargar los recursos externos de su sitio.
Comience con todos los recursos en la posición original, innecesaria y no combinada (en colibrí, no los incluya todavía).
Uno por uno, mueva los recursos al sótano. Consulte su sitio después de mover cada uno para asegurarse de no haber producido un relámpagos de contenido elegante (FOUC). Enciende todos los recursos necesarios para la carga inicial de la página a la posición original o muévalos al encabezado. Es mejor dejar un puñado de recursos en posición de bloquear la reacción que producir un (arriba).
Siga el mismo proceso uno por uno y reduzca tantos recursos como sea posible. En teoría, debería poder reducir todos los recursos. Sin embargo, los recursos mal codificados a veces pueden romperse cuando se reducen.
Finalmente, siga el mismo proceso uno por uno e combine (incluya) la mayor cantidad de recursos posible.
Con Hummingbird, puede combinar y reducir los archivos a granel o individuales para acelerar su sitio.
Sí, este es un proceso que consume tiempo. Sin embargo, al final, combinará y reducirá tantos recursos como sea posible y dejará solo los recursos necesarios para la carga inicial de la página en su posición original. Si su sitio se basa en docenas de scripts y hojas externas, reducir las solicitudes HTTP puede tener un impacto dramático en la velocidad de la página.
Paso 3: Optimizar las imágenes para imaginar un escenario “ficticio”. Sabes que las imágenes enormes pueden ser una gran frecuencia para la velocidad de la página. Así que optimice cada imagen antes de cargarla. Luego traes un editor de blog que es increíble, pero (sin saber) no tiene idea de optimizar la imagen. Tres meses después te das cuenta de que ahora tienes docenas de publicaciones de blog que se cobran en Snail, porque están luchando bajo las imágenes de alta resolución megabyte. Estás lleno de horror cuando estimas las horas que tomarás para optimizar todas estas fotos. ¡No te preocupes! Hay un botón fácil para esta situación: Smush. A diferencia del último paso, este paso es fácil. Simplemente instale el complemento, configure algunas configuraciones y triture sus imágenes en el bloque. Además, una vez que lo haya configurado, Smush optimizará automáticamente cualquier imagen nueva que cargue. Es una técnica de optimización que puede tener un impacto profundo en la velocidad de las páginas web con imágenes pesadas. Si quieres un paso por paso por el proceso, podemos hacer esto: matar a todos los megabytes. O bien, es posible que no se venda que Smush sea el mejor complemento de optimización de imágenes. Era un momento en que pensaba que era el mejor, pero queríamos estar seguros. Así que comparé el smush con otros complementos populares de optimización de imágenes en una prueba comparativa y publiqué los resultados. Puedes consultarlos aquí.

Mejore sus imágenes a granel y guarde un espacio valioso en el servidor, al mismo tiempo que le hace transmitir más rápido.
Paso 4: Optimice cómo se muestran las páginas web a los visitantes en este momento, use alojamiento de calidad y tenga archivos CSS optimizados, recursos e imágenes JS.Luego puede acelerar las cosas aún más optimizando la entrega del sitio.Hay una variedad de estrategias que puede usar para lograr esto. La memoria de malla de caché en el caché puede reducir considerablemente la carga del servidor y el tiempo de carga de la página.Cada host de WordPress administrado que conozco memoriza a los niños estáticos de los archivos de su sitio web en el servidor.Esto supera el almacenamiento en caché en función de los complementos, porque los archivos están dirigidos al visitante que los solicitó antes de que WordPress incluso esté en funcionamiento.
Si su host no proporciona la caché Built -in, puede usar un complemento. Vea nuestra publicación sobre los mejores complementos comparativos de WordPress en caché. La memoria del navegador en caché Configure el caché del navegador elimina por completo múltiples solicitudes HTTP cuando un visitante de su sitio visita varias páginas que requieren los mismos recursos. De hecho, la memorización del navegador es decirle a los navegadores de los visitantes: “Continúe usando estos archivos hasta que le digan que las versiones actualizadas están disponibles”. Esto significa que sus visitantes disfrutarán de más vistas casi instantáneas de la misma página y una carga más rápida de otras páginas que han compartido los mismos recursos. Hummingbird facilita la activación de activación del navegador en el caché. Con Hummingbird instalado, solo acceda a Hummingbird> el almacenamiento en caché del navegador, establezca la duración para la cual los recursos deben almacenarse en caché (si no está seguro, respete la recomendación de ocho días), seleccione el sistema operativo del servidor y esté listo. Compresión GZIP La compresión se ha convertido en facto de la forma estándar en la industria para comprimir los recursos del sitio web. Al hacerlo, el tamaño del archivo se reduce al mínimo, reduciendo así el tamaño total del sitio web y el tiempo requerido para que un usuario descargue todos estos recursos. Esta es otra optimización que puedes establecer y olvidar con Hummingbird. Con Hummingbird instalado, vaya a Hummingbird>
Compresión GZIP y compresión de arranque. Integración de CDN Si tiene la intención de configurar la memoria de su navegador en caché y usar un CDN, debe integrar el caché del navegador con su CDN si usa el CDN de CloudFlare, tiene suerte. Hummingbird incluye la integración de CloudFlala, por lo que puede reflejar el caché del navegador en el CDN desde el tablero de WordPress. Si usa otro CDN, digamos MaxCDN o KeyCDN, aún puede usar Hummingbird, pero deberá reflejar la configuración de caché accediendo al panel de configuración de CDN. Luego, en su configuración de CDN, coincida con la duración del almacenamiento del navegador o cancele. Un buen trato, ¿verdad? Memoria de caché en el navegador compatible con Hummingbird Plus CDN Compatibilidad. ¿Pero sabes lo que es mejor? Asistencia 24/7 de WordPress WPMU Dev Experts, que lo ayudarán a configurar la configuración de Hummingbird si no puede resolverlo. Resumiendo todo … suena mucho que hacer, ¿verdad?

Mueva, combine y reduzca los recursos de JavaScript y CSS.
Optimizar las imágenes.

Optimice la entrega configurando el almacenamiento de la página de la página, el almacenamiento de caché del navegador, la compresión GZIP e integrando con su CDN.
La verdad es que es mucho que hacer. Sin embargo, podemos hacer todo este proceso muy simple, reduciendolo a una sola oración: optimice su sitio web de WordPress utilizando casas de WordPress administradas por alta calidad y configurando correctamente Hummingbird y WP Smush Pro. Realmente, eso es todo. Organice estas tres cosas: Hosting, Hummingbird y Smush, y su sitio de WordPress volará. ¿Qué tal usar otros niños para acelerar su sitio de WordPress? Hay muchas otras opciones para acelerar WordPress. Los complementos como W3 Total Cache pueden hacer muchas cosas que Hummingbird hace, aunque con una experiencia de usuario dramática más débil. Obviamente, hay algunos otros complementos de optimización de imágenes, dado que comparé Smush. Sin embargo, como saben, no solo somos una compañía de complementos. Cuando te uniste a tu desarrollo de WPMU, no solo te entregué colibrí y smush y te deseo mucha suerte. ¡Maldición, ofrecemos esto gratis con nuestra suscripción de prueba de 7 días!
No, hacemos mucho más. Además de Hummingbird y Smush, con WPMU se convierte en una asistencia galardonada 24/7, el mejor generador de temas que el mundo de WordPress haya visto, un sistema de entrenamiento único y muchos más. ¿Cuál es mi punto de vista? Mi idea es esta: comparar un solo complemento premium con WPMU Dev es un poco como comparar al fabricante ebanista local con IKEA. Por supuesto, un local hace hermosos gabinetes, pero IKEA es excelente gabinetes, así como todo lo que necesita para equipar toda su casa. Si IKEA eliminaría una página de nuestro manual, entonces podría obtener una casa entera de muebles al mismo precio que los gabinetes de cocina de un chico local, pero me detengo. De hecho, una mejor comparación es ver lo que obtiene con WPMU Dev en comparación con lo que obtiene con otros productos y servicios de WordPress con múltiples facetas. Pienso en personas como el conjunto de características premium de Jetpack o el conjunto de productos y servicios ofrecidos por IThems. Veamos cómo comparar la optimización de velocidad con WPMU Dev con esos tipos. Bueno, justo ahí está la idea. Entonces, ¿cuál es el propósito de esta comparación? Obviamente, Jetpack y Ithemes ni siquiera intentan igualar lo que WPMU Dev ofrece en este departamento. Cuando se trata de la optimización de WordPress para la velocidad, tiene prácticamente dos opciones:
Encuentre una variedad de complementos autónomos y descubra cómo licencia por separado para cada sitio que use, cada complemento tiene una estructura de licencia diferente.
Optimice su sitio con Hummingbird y Smush, úselos en cuántos sitios desee, no se preocupe por las licencias y obtenga ayuda las 24 horas del día, los 7 días de la semana. Es todo. Sin embargo, junto con el monitoreo, la seguridad, la copia de seguridad y el SEO, el rendimiento del sitio es una de las cinco necesidades básicas que cada desarrollador web tiene que responder. Ignore cualquiera de estas cinco necesidades básicas sobre su propia responsabilidad y, si usted es miembro de WPMU Dev, realmente no hay excusa para hacerlo. Le ofrecemos las herramientas para abordar las cinco en un paquete hermoso y administrado en el centro. Aunque creemos que hicimos un argumento convincente sobre lo que WPMU DE debería ser su marco de rendimiento de WordPress favorito, la pregunta sigue siendo “¿Cómo abordamos los otros cuatro factores críticos?” Manténgase en el escenario para esta respuesta en la próxima publicación de esta serie.
¿Alguna vez ha logrado convertir un sitio web de carga lenta y hacer que lo se ajuste a la velocidad máxima? ¿Cómo lo hiciste? ¡Comparta su sabiduría y experiencia con nosotros en la sección de comentarios a continuación!
Etiquetas:
colibrí
actuación

Rubor