Para citar una película clásica, "¡Siento la necesidad, la necesidad de velocidad!". Ese es ahora también el mantra de Google cuando se trata de clasificar sitios web.
¿Su sitio es lo suficientemente rápido para los visitantes móviles? De lo contrario, encontrará su querida clasificación de la primera página desgarrada.
Google proporciona una herramienta útil que mide qué tan rápido (o no) se carga su sitio, y luego proporciona recomendaciones detalladas sobre cómo mejorar la velocidad del sitio.
Pero si tiene un Sitio de WordPress, hay algunas cosas básicas que puede hacer de inmediato para ahorrar un valioso tiempo de carga.
Cortar todo el contenido de su página principal
Si están construyendo su propio sitio web, es natural ponerse loco y equiparlo con todas las campanas y silbatos llamativos. Grandes imágenes, widgets de redes sociales, videos de YouTube, etc. Pero si bien esas cosas pueden verse geniales, el tiempo de carga afecta a alguien cuando visita su sitio. Especialmente si está visitando en su dispositivo móvil.
En estos días, la solución es "menos es más". Saque una hoja del libro de Google con su página principal limpia. Limite sus imágenes en su portada a una o dos como máximo. Limite sus widgets de redes sociales (si los hay) a dos como máximo. Mantenga los videos incrustados completamente lejos.
In_content_1 all: [300x250] / dfp: [640x360]->Comprimir todas las imágenes
El siguiente paso es asegurarse de que todas las imágenes sean lo más pequeñas posible. Las imágenes son el principal culpable de los sitios web de carga lenta. Pero cuanto más pequeño es el tamaño de la imagen, más rápido se cargará esa imagen.
Ahora no me refiero necesariamente a la altura y al ancho. Estoy hablando más sobre el tamaño del archivo. Las imágenes de alta definición pueden verse fantásticas, pero si la imagen de 500 MB tarda una eternidad en cargarse, la gente se cansará y se irá.
Hay dos buenos métodos para comprimir imágenes. Uno es Smush, que discutí recientemente en mi artículo sobre complementos de WordPress que siempre debe usar. El otro es TinyPNG que también tiene un complemento de WordPress.
Desinstalar complementos y temas innecesarios
Una vez que haya llevado un machete a su portada y comprima sus imágenes, El siguiente paso es revisar sus complementos y temas.
Ahora, a menos que tenga una muy buena razón para hacerlo, no necesitará conservar ningún tema que no esté utilizando. Si es necesario, puede reinstalarlos más tarde. Así que deshazte de todos los temas excepto los que estás usando actualmente.
Con complementos, de nuevo menos es más. Personalmente trato de no superar los veinte complementos, pero sé que todavía son demasiados. Pero el secreto aquí es solo desactivar los que actualmente no está utilizando. Obviamente, la desinstalación de los innecesarios es mejor, pero al menos solo apague un par si no los necesita por el momento.
Instale Jetpack y habilite la "Carga diferida"
Aunque debe ser muy selectivo sobre qué plugins que deberías usar, hay dos plugins que pueden ayudarte con la velocidad de la página. El primero es Jetpack, que también discutí en mi artículo esencial sobre complementos de WordPress.
Una de las características de Jetpack se llama Carga diferida. Esto es cuando las imágenes en una página solo se cargan cuando el visitante se desplaza hacia abajo de la página a donde se encuentra esa imagen. Algunos temas de WordPress no funcionan muy bien con Lazy Loading, por lo que es algo que debe probar y ver con cuidado.
Jetpack (que es propiedad de WordPress) también tiene una red global de servidores y su "acelerador de sitio" La función pone sus imágenes y archivos en sus servidores, para que se muevan más rápido.
Tanto Lazy Loading como Site Accelerator son gratuitos, por lo que no puede perder nada activándolos.
Active ContentCaching
El otro complemento que necesita instalar es un complemento de almacenamiento en caché.
En caso de que no lo sepa, un complemento de almacenamiento en caché guarda una versión de apage y muestra esa versión a los visitantes del sitio por un período de tiempo que usted especifique. Esto evita que las imágenes, archivos y otros elementos se vuelvan a cargar constantemente.
Un caché es como una instantánea de cómo se veía el sitio hace treinta minutos y, por lo tanto, es bueno para los sitios cuyas portadas no cambian tan a menudo.
Tengo un amor y un odio relación con los complementos de almacenamiento en caché, ya que me gusta jugar constantemente con el diseño de mi sitio y un caché me impide ver instantáneamente los cambios que hice. Pero algunos complementos de almacenamiento en caché bien considerados incluyen WP Super Cache y W3 Caché total.
Considere usar un CDN
Cuando alguien visita su sitio, se cargará más rápido si el servidor que aloja el sitio está ubicado no muy lejos. En otras palabras, cuanto más lejos esté el servidor en el mundo, más tiempo tomará los datos necesarios para llegar a donde se encuentra el visitante de su sitio.
Entonces, si su visitante está en los EE. UU., tiene sentido que tu sitio provenga de un servidor de EE. UU., mientras que alguien en Europa debería ver tu sitio desde un servidor europeo.
Esto es lo que hace una Red de Distribución de Contenido (CDN). Recuerda cuando dije hace un momento ¿Que Jetpack puede poner sus datos en sus servidores globales para que vayan más rápido? Eso es un CDN.
Los CDN generalmente cuestan dinero, pero generalmente no son demasiado caros y la mayoría ofrece un plan básico gratuito. Los tres grandes nombres son Flama de nube, Google Cloud CDN y Servicios web de Amazon.
Coloque AllScripts en el pie de página
Finalmente, es necesario que algunas funciones del sitio funcionen para tener un script incrustado dentro de su sitio web. Esto puede incluir código para GoogleAnalytics, píxeles publicitarios de Facebook y Google Ads.
Normalmente, mucha gente (como yo) coloca estos scripts en el encabezado del sitio. Pero esto significa que esos scripts deben cargarse completamente antes de que el resto del sitio pueda hacerlo. Pero al mover esos scripts al pie de página, está permitiendo que todo lo demás se cargue primero.
La forma más fácil de hacerlo es colocar el código del script dentro de un widget HTML y luego colocarlo en la sección de pie de página de su página de WordPress. .