Cómo duplicar la velocidad de su sitio web Tutorial de SiteGround

Le mostraré cómo duplicar la velocidad del sitio de sus sitios web cuando usa SiteGround, no tiene que pagar nada, todas las herramientas que vamos a usar ya están incluidas en su paquete de alojamiento. .

Entonces empecemos.

Permítanme decir desde el comienzo de este video que este no es un argumento de venta para SiteGround en absoluto.

Está destinado principalmente a personas que ya tienen SiteGround y desean que sus sitios web se carguen más rápido.

Ahora, el beneficio de SiteGround es que normalmente las herramientas que usaría para hacer que su sitio sea más rápido le costarán cientos de dólares por año, pero no cuando tiene SiteGround.

Ya lo incluyeron.

La cosa es que la mayoría de la gente ni siquiera sabe lo que está incluido.

Se incluye mucho, y si está utilizando SiteGround, aprenderá sobre esto en esta publicación.

Ahora, por supuesto, si no tiene SiteGround, es posible que desee ver este video y luego decidir si le gusta lo que incluyen gratis dentro de sus paquetes.

Mitos sobre la velocidad del sitio web

Ahora, antes de profundizar demasiado en esto, quiero disipar algunos de los mitos sobre la velocidad del sitio en torno a tener un sitio web.

Mito 1: los sitios web lentos no se clasifican bien en Google

Hay muchos factores de clasificación más importantes y la velocidad del sitio es el menos importante de todos ellos.

Lo que realmente sucede es que la velocidad lenta del sitio produce una mala experiencia de usuario.

Una mala experiencia de usuario conduce a una mayor tasa de rebote.

Eso es lo pronto que alguien abandona su sitio web cuando visita su sitio web.

Y ese es un factor de clasificación importante.

Entonces, un sitio web lento no afecta su clasificación de la forma en que piensa. Es realmente lo que conduce a una alta tasa de rebote.

¿Cuántas veces has ido a un sitio web y estás allí?

Han pasado cuatro o cinco, seis segundos. No está cargando la información que quieres. Y sabes que en Google hay otros nueve listados en esa página.

¿A qué te dedicas?

Rebotas en el sitio web, vuelves a hacer clic y ese es un factor de clasificación que está perjudicando tu clasificación.

Entonces, lo que realmente estamos tratando de hacer es optimizar su sitio web para la experiencia del usuario, no para Google.

Mito 2: los sitios lentos son causados ​​​​por los creadores de páginas

El segundo mito es que la velocidad de su sitio web está siendo reducida por el creador de páginas que eligió usar o el tema que eligió usar para construir su sitio web.

Bueno, un poco, pero no es un factor tan importante como la gente, ¿quieres que creas?

Es solo un buen marketing.

5 pilares de la velocidad del sitio

Está bien. Ahora que eliminamos esos mitos, es hora de comenzar a optimizar su sitio web y repasar los cinco pilares de la velocidad del sitio.

Pilar 1: Obtener un buen hosting

Ahora, el primer pilar de la velocidad del sitio será obtener un buen alojamiento web.

Ahora lo bueno es que estás usando SiteGround, que es un servidor web fantástico.

Por lo tanto, este pilar está más destinado a las personas que utilizan alojamiento de bajo presupuesto o alojamiento gratuito porque terminas obteniendo lo que pagas cuando se trata de alojamiento.

Ahora, si no estás usando SiteGround, recuerdo que tengo un enlace debajo que te dará un 70 % de descuento y también incluyo un bono de curso.

Entonces SiteGround tiene tres planes. Vas a querer estar en el plan Grow Big o en el plan GoGeek.

Sé que es tentador ahorrar $2 al mes con solo obtener el plan de inicio, pero estos otros dos planes incluyen opciones de rendimiento adicionales que simplemente no están disponibles en el plan de inicio.

Entonces, si está en el plan de inicio, puede seguir este video, pero es posible que desee considerar ponerse en contacto con SiteGround y actualizar al plan de crecimiento grande.

Ahora, cuando instales WordPress en SiteGround, incluirán un complemento llamado SG Optimizer.

Aquí estoy en una instalación de WordPress. Haré clic en complementos y verás que está aquí, SG Optimizer. Ahora, cuando tenga esto activado, habrá una nueva opción aquí que dice SG Optimizer, y aquí están todas las configuraciones para este complemento.

El segundo pilar de la velocidad del sitio es optimizar sus imágenes. A medida que comience a construir su sitio web de WordPress, querrá cargar imágenes. Ahora, el problema con eso es que las imágenes tienden a tener una calidad mucho mayor de la que necesita, lo que conduce a tamaños de archivo muy grandes. Entonces, cada vez que alguien visita su sitio web, tiene que descargar imágenes grandes.

Por lo tanto, obtendrá grandes ganancias de rendimiento. Al optimizar esas imágenes. Ahora, por lo general, debe pagar un servicio mensual para optimizar las imágenes, pero no si tiene SiteGround. Está incluido en el complemento del optimizador SG. Así que aquí estamos en la configuración de complementos. La última opción aquí dice optimizaciones de imagen.

Continuaremos y haremos clic en eso, y hay algunas configuraciones aquí que quizás deseemos habilitar. Entonces, el primero es optimizar nuevas imágenes a medida que se cargan en su sitio web. Vas a querer habilitar esta opción. Entonces, lo que esto significa es que la próxima vez que cargue una imagen, los optimizadores SG se encargarán de eso por usted.

La siguiente opción es si ya cargó imágenes, puede hacer clic en este botón aquí mismo y volverá y optimizará todas las imágenes en su biblioteca de medios para usted, y eso es todo lo que hay que hacer para optimizar sus imágenes. El tercer pilar de la velocidad del sitio es utilizar una red de entrega de contenido.

Aquí. He iniciado sesión en SiteGround, y voy a hacer clic aquí donde dice sitios web, y luego haré clic aquí donde dice herramientas del sitio, y luego haré clic donde dice velocidad. Y luego haré clic aquí donde dice CloudFlare, y aquí es donde podemos habilitar la integración de CloudFlare con SiteGround.

Ahora, cuando habilita CloudFlare, lo que sucede es que algunos de los activos de su sitio web se enviarán a las nubes, las bengalas y la red de servidores en todo el mundo. Ahora, lo que eso significa es si alguien del otro lado del mundo. Visite su sitio web, las imágenes y muchas de ellas, grandes activos relacionados con su sitio web.

Para que se cargue, en realidad lo cargaremos desde un servidor local. Geográficamente. Lo que esto va a hacer es mejorar drásticamente el tiempo de carga y la velocidad del sitio que los visitantes tendrán en el sitio de su sitio web. Ahora, CloudFlare tiene un plan básico que es gratuito. También tienen un plan premium. He estado usando CloudFlare durante al menos cinco años, y nunca he usado nada más que el plan básico, será más de lo que necesita y verá una gran mejora en la velocidad de su sitio web.

Así que voy a desplazarme hacia abajo y aquí están los tres pasos para que esto funcione en nuestro sitio web. Así que sigamos adelante y hagamos clic en el botón de configuración. En este paso, puede crear una nueva cuenta de Cloud Flare, o puede hacer clic aquí donde dice conectar existente e iniciar sesión en su cuenta de Cloud Flare existente.

Entonces, dado que ya tengo una cuenta de Cloud Flare, iniciaré sesión con mi cuenta existente. Pero para usted, si no tiene una cuenta, continúe y cree una nueva. Excelente. He iniciado sesión en mi cuenta y ha creado una nueva cuenta. Entonces, el siguiente paso es elegir su nombre de dominio aquí al que desea conectarse, Cloud Flare, y luego querrá hacer clic en activar gratis para conectar su sitio web a CloudFlare.

Ahora aquí abajo también puede ver algunas configuraciones de bengalas en la nube que podrá usar en su sitio web. El cuarto pilar de sitespeed es usar . El almacenamiento en caché y qué es el almacenamiento en caché, va a crear una copia estática de su sitio web, por lo que cuando las personas ven su sitio web, tienen que realizarse menos actividades detrás de escena que podrían ralentizar a los visitantes que visitan su sitio web.

Sé que es una explicación un poco complicada, solo para entender que si estás usando WordPress. Necesita estar usando alguna forma de almacenamiento en caché. Ahora, el gran beneficio de usar SiteGround es que hacen mucho de este almacenamiento en caché de forma transparente en segundo plano en esta cuenta de alojamiento del servidor. Simplemente lo hacen por ti, pero tienes que encenderlo.

Así que aquí estoy, inicié sesión en el panel de control terrestre del sitio. Así que puedes simplemente hacer clic donde dice velocidad. Y luego está esta nueva opción aquí que dice almacenamiento en caché. Vamos a querer seguir adelante y hacer clic en eso. Y aquí es donde vamos a habilitar. Dos tipos diferentes de almacenamiento en caché en su sitio web. Entonces, el primero es donde dice caché estático, y verá una lista de los sitios web que ha conectado a SiteGround, y todo lo que tiene que hacer es activarlo simplemente yendo así.

Y ahora su efectivo está activado. Aquí hay un segundo tipo de almacenamiento en caché llamado Memcached. Hagamos clic en eso, y este es un tipo de almacenamiento en caché que se aplicará a toda su cuenta de alojamiento. Continuaremos y haremos clic aquí para activar esto también. Ahora ambos de estos almacenamiento en caché. Los mecanismos tienen una forma de vaciar el efectivo.

Y la forma en que podría hacerlo si está conectado a SiteGround es esta pequeña escoba que está a la derecha aquí y dice tirar dinero en efectivo. Puede hacer clic aquí para vaciar Memcached, y cuando está en el efectivo estático, también existe la opción de vaciar el efectivo allí mismo. Ahora también tenemos que habilitar algunas opciones aquí.

En su sitio web en el complemento optimizador SG. La primera pestaña es la configuración de Super Casher. Vamos a querer alternar esto aquí donde dice almacenamiento en caché dinámico, y luego vamos a querer alternar esto aquí donde dice Memcached así. Ahora hay algunas opciones adicionales para el almacenamiento en caché dinámico que quizás desee conocer.

La primera opción está justo aquí, donde puede purgar el caché y vaciarlo. También habrá una opción en la barra de administración en la parte superior. Para vaciar el efectivo. Lo siguiente es la purga automática de efectivo. Vas a querer dejar esto habilitado. Las principales opciones que desea conocer están aquí. Dice, excluyendo URL.

Dependiendo del tipo de sitio web que tenga, puede haber ciertas partes de su sitio web que no puede incluir en el cobro porque causará un problema. Ves esto típicamente con sitios web basados ​​en comercio electrónico. Esto se debe a que esos tipos de sitios web tienen muchas opciones dinámicas, y el cobro simplemente no va a funcionar, ¿verdad?

Entonces, aquí es donde colocará las URL de las páginas que desea excluir del almacenamiento en caché. Todo lo que tiene que hacer es ingresar la URL aquí y luego hacer clic donde dice excluir para agregarlo a la lista de exclusión, y ahora su sitio estará. Totalmente cobrado. El último pilar de la velocidad del sitio serán las optimizaciones de rendimiento adicionales.

Ahora, el optimizador o complemento SG también le dará varias opciones con eso. Entonces, el primero sería imágenes de carga diferida. Lo que esto significa es cuando un visitante carga su página. No los mostrará o no cargará una imagen hasta que se desplacen a la parte de la página donde se supone que debe estar esa imagen.

Esto hará que su sitio web se cargue más rápido y se sienta mucho más rápido para los visitantes de su sitio web. Entonces, para habilitar eso, haremos clic aquí donde dice optimización de imágenes, y aquí está la opción que dice imágenes de carga diferida. Activaremos eso. Nos da algunas opciones adicionales aquí si queremos.
Carga lenta. Estos incluirían Gravatar, RS, miniaturas, imágenes receptivas, widgets y carga diferida en dispositivos móviles. Así que puedes activarlos como quieras. Me gusta la carga diferida, Gravatar, RS y las miniaturas. El resto son opcionales para ti. Si hay algún problema causado por la carga diferida, puede excluir ciertas partes de su sitio web de la carga diferida.

Simplemente colocaría la clase CSS en esos elementos. Es un poco técnico. Haría eso aquí mismo y luego haría clic en excluir. Ahora hay optimizaciones adicionales, ¿verdad? Aquí hay una opción para optimizar el entorno. Vas a querer desplazarte hacia abajo y asegurarte de que la compresión G zip esté activada.

Por último, optimizaciones de front-end aquí. Ahora, estos pueden ser un poco complicados y, a veces, puede meterse en un pequeño problema, por lo que recomiendo habilitarlos uno por uno. Luego verificando que no haya causado ningún comportamiento extraño en su sitio web. Ahora debería estar bastante seguro al activar minificar la salida HTML.

También debe estar seguro al habilitar todas las diversas opciones de minificación. Así que aquí hay uno para minimizar los archivos JavaScript. Aquí hay uno para minimizar los archivos CSS. Ahora el procesamiento diferido bloquea el script Java. Esto podría causar problemas. Y cuando vaya a habilitar esto, recibirá una advertencia aquí y podrá confirmar si desea que se active o no.

Y este es uno en el que definitivamente querrás verificar en la parte delantera si ha causado un problema o no. Aquí hay otra opción para combinar archivos CSS, y esto también podría causar algunos problemas. Como puede ver, no está activando un mensaje de advertencia. Pero sepa que esto también puede causar problemas.

Algunas veces. A continuación, hemos optimizado la carga de fuentes de Google que es inofensiva. Encendamos eso. Lo siguiente es eliminar las cadenas de consulta de los recursos estáticos. Esto me ha causado problemas en el pasado, así que ten cuidado. Esta es una opción que usted ve que causa un problema cuando un complemento o tema no autorizado lanza una nueva actualización y luego las cosas comienzan a ponerse inestables en su sitio web.

Lo último son los emojis deshabilitados. Esto no significa que los emojis no vayan a funcionar en tu sitio web. Simplemente significa que se cargará de una manera más óptima. Ahora voy a echar un vistazo rápido a la parte frontal de mi sitio web para asegurarme de que no haya problemas visibles y luego voy a hacer una prueba de velocidad rápida.

Así que aquí está el sitio web, y hasta ahora se ve bien. Mis imágenes se están cargando, ¿verdad? Se muestran estos pequeños íconos. Eso es típicamente con lo que había visto problemas. Si hubo algún problema con el que te estás encontrando, el espaciado es correcto. A veces, estos pueden superponerse si también hubo un problema.

Todo se ve perfecto. De hecho, esto se ve muy bien. De acuerdo, voy a ir a GT metrics.com y continuaré y pegaré la URL del sitio web con una barra inclinada al final y un clic aquí que dice prueba tu sitio. Solo toma un momento y lo que va a hacer es descargar su sitio web.

Y te va a dar algunos datos. Te avisará cuánto tardó en cargar. Te dirá cuántas solicitudes había y te dará una puntuación arbitraria. Ahora, recomiendo no poner demasiado peso en esta partitura. Como puede ver, las puntuaciones son. Bastante alto y una y una B aquí con un tiempo de carga muy rápido de 1,2 segundos, una página, lados de menos de un megabyte y solo 32 solicitudes.

Este es un sitio web que utiliza Ella mentor. Ahora, siempre digo, no le des demasiada importancia a estas partituras aquí. Lo que realmente importa es cómo se siente su sitio web cuando alguien ingresa a su sitio web, pero puede ver en esta prueba que el sitio se está cargando extremadamente rápido. Lo cual es realmente bueno para un sitio con todas estas imágenes.

Bueno, ahí lo tienes. Así es como puede hacer que sus sitios web con SiteGround se carguen increíblemente rápido, y espero que también haya visto el tremendo valor que obtiene de SiteGround. Normalmente, tendría que pagar cientos de dólares al año para obtener complementos que hagan por usted todo lo que incluyen.

Ya con el servicio que tienes con ellos. Esta es una de las razones por las que recomiendo usar SiteGround debido a todas estas ventajas adicionales que incluyen para usted y no tiene que ir a comprarlas y son compatibles oficialmente con su proveedor de alojamiento web. SiteGround, si no tiene SiteGround, considere usar el enlace que tengo a continuación o WP crafter.com/siteground si ordenó SiteGround, incluyo un bono de curso para acompañarlo.

Eso te ayudará a sacarle el máximo partido. La construcción de un sitio web y el máximo provecho de la tierra. Dave, encontraste algo valioso en este video y espero que lo hayas hecho. Considere darle un pulgar hacia arriba y compartirlo con un amigo.

Y si tiene alguna pregunta, le animo a que pregunte en la sección de comentarios a continuación.

Me encantaría responder a tu pregunta y ayudarte en todo lo que pueda. Oye, gracias por mirar y te veré en el próximo video.