¿Cómo optimizar los tiempos de carga en wordpress.com? Como no podemos tocar el .htaccess en esta plataforma, solo nos queda disminuir al máximo el número de request, de scripts usados, la cantidad de imágenes y su peso respectivo.
En mi caso personal esto demuestra muchas cosas: que optimizar el tiempo de carga es vital pero, que se pueden hacer algunas concesiones de cara al aspecto estético y la usabilidad del sitio. Andaba funcionando muy blanco sobre negro, en modo DOS.
¿Cómo optimizar la velocidad de carga de un sitio de WordPress?
Optimizar la velocidad de carga de un sitio web de WordPress es un problema importante para todos los proyectos activos en la web, ya sea a través de un sitio de exhibición o vendiendo en un sitio de comercio electrónico.
¿Por qué es tan importante la velocidad de carga de un sitio web?
Porque si tus visitantes tienen que esperar indefinidamente cada clic, se irán antes de ver el contenido que quieres ofrecerles. Y si abandonan su sitio, es muy probable que vayan al de su competidor.
Optimizar la velocidad de carga de un sitio web es fundamental para ofrecer una navegación fluida y agradable a sus visitantes. Un sitio lento es sinónimo de molestia y las personas quieren experiencias agradables cuando están en la web.
Un sitio web lento significa menos ventas y menos clientes potenciales.
Además, optimizar la velocidad de carga de su sitio web es importante para el SEO de dos maneras:
- Directamente , dado que Google tiene en cuenta este parámetro en su evaluación de la calidad de los sitios que indexa y clasifica en los resultados de búsqueda.
- Indirectamente , porque un sitio lento tendrá una tasa de rebote más alta, así como un menor número de visitas / usuarios de página y un tiempo de visita promedio que otros.
¿Qué es una buena velocidad de carga?
Antes de comenzar, debe establecer algunos objetivos. ¿Cuándo puede esperar que las páginas de su sitio web se muestren rápidamente?
- Más de 4 segundos : su sitio es lento, necesita cambiar algunas configuraciones.
- Entre 2 y 4 segundos : su sitio se carga correctamente pero algunos factores podrían mejorarse.
- Menos de 2 segundos : su sitio es rápido y permite una navegación fluida.
- Menos de un segundo : su sitio se carga a la velocidad del rayo y el tiempo de carga no molesta en absoluto a los visitantes.
¿Y por qué WordPress?
Porque es el CMS más utilizado. En 2020, uno de cada tres sitios funciona con WordPress . Además, los consejos dados aquí también son válidos para sitios construidos con otros sistemas. Son las herramientas para ponerlas en su lugar las que serán diferentes.
1 – Mide la velocidad de carga de tu sitio
Estos son indicadores que Google tiene en cuenta para determinar la calidad y relevancia de un sitio web.
Antes de intentar optimizar la velocidad de carga de un sitio de WordPress, debe medirlo. Hay varias herramientas para esto.
Te aconsejo que utilices varios de ellos para cruzar las cifras y la información. Una mala valoración de uno de ellos no significa necesariamente un largo tiempo de carga y, a la inversa, una buena valoración de uno debe ser puesta en perspectiva por las vías de mejora que ofrecen los demás.
Entre los que utilizamos en nuestra agencia de comunicación digital , se encuentran:
- Google Page Speed Insights : es la herramienta de la propia Google. Ingrese la URL que desea escanear y le dará dos puntajes sobre 100 evaluando la velocidad de carga (uno para medios móviles, uno para computadoras). Estas dos notas van acompañadas de un informe y puntos a mejorar para acelerar la velocidad de carga de su sitio de WordPress.
- Pingdom Tools : esta herramienta te permite evaluar la velocidad de carga de tu sitio web. Le dice en particular el tiempo de carga de la página, el número de solicitudes HTTP y el peso de la página. También te da la cascada (proceso de carga de tu sitio web) para visualizar los recursos que tardan en aparecer.
- GT Metrix : Esta tercera herramienta te permite evaluar la velocidad de carga de tu sitio e indica el índice de optimización de las mejores prácticas a implementar. Al crear una cuenta, podrá elegir la zona geográfica para la que desea probar su sitio web y el tipo de conexión con el que desea evaluarlo (Wi-Fi, 4G, 3G, etc.)
2 – Optimizar imágenes
En el 90% de los casos, un sitio es lento debido a las imágenes . Por lo tanto, es necesario comenzar optimizándolos para acelerar el tiempo de carga de un sitio de WordPress.
A – Utilice los formatos de imagen adecuados
Cuando agregue una imagen a su sitio de WordPress, use el formato correcto : en otras palabras, elija entre JPG o PNG.
Las imágenes JPG son imágenes comprimidas y ligeras de calidad media.
Las imágenes en PNG no están comprimidas y, por lo tanto, son de buena calidad, pero también son más pesadas.
Por lo tanto, es necesario hacer un compromiso entre la calidad y el peso de la imagen.
¿Cómo elegir el formato de imagen adecuado para optimizar la velocidad de carga de un sitio de WordPress?
Si no necesita un fondo transparente, use JPG . La pérdida de calidad suele ser mínima, incluso invisible en comparación con PNG, excepto cuando se trata de imágenes de fondo grandes, por ejemplo.
B – Tamaño correcto de las imágenes para su sitio
Si carga una imagen de 4000 x 3000 píxeles en su sitio para mostrarla en un elemento de 1000 x 750 píxeles, cambiará de tamaño cuando se cargue la página y ralentizará su sitio.
Ajuste el tamaño de sus imágenes al tamaño correcto antes de incrustarlas para acelerar el tiempo de carga de su sitio de WordPress.
C: comprime imágenes para optimizar el tiempo de carga de un sitio de WordPress
Si utiliza imágenes de fotos de archivo libres de derechos de autor, enviadas por sus proveedores o hechas por usted mismo, es probable que sean demasiado pesadas para su sitio web.
D – Utilice la carga diferida en las imágenes
Lazy Load ayuda a acelerar la velocidad de carga de un sitio de WordPress cargando solo las imágenes visibles para el usuario y retrasando la carga de las que están debajo de la línea de flotación. Esto permite que su página muestre contenido más rápido ya que el usuario no tiene que esperar a que se cargue toda la página para ser visible.
Hay muchos complementos gratuitos y de pago que le permiten configurar Lazy Load en su sitio de WordPress, como A3 Lazy Load o Lazy Load de WP Rocket.
3 – Aloje los videos en otro sitio para optimizar la velocidad de carga de un sitio de WordPress
Si desea incrustar un video en una página de su sitio web, simplemente puede cargarlo en su biblioteca de medios de WordPress y luego mostrarlo. Sin embargo, esta solución requiere mucho tiempo.
En su lugar, suba su contenido a un sitio como YouTube o DailyMotion y luego incrústelo en su página =. Este método acelerará enormemente el tiempo de carga de su sitio web.
Solo necesita copiar el código HTML disponible en las opciones para compartir de su video directamente en su página.
4 – Acelere el tiempo de carga de las fuentes
Las fuentes de Google son muy útiles pero pueden ralentizar su sitio.
Una buena forma de acelerar su sitio de WordPress es alojar sus fuentes en su servidor e incrustarlas en sus hojas de estilo CSS. Por tanto, el tiempo de carga es más corto.
Para hacer esto, puede utilizar el complemento Host My Google Font Locally.
5 – Usa un diseño simple y limpio
Si puede, elija un tema que esté optimizado para la velocidad de carga. ¡No instale una planta de gas donde solo el 5% de las características le servirán y prefiere un diseño limpio y simple!
Un tema minimalista se centra en el contenido y proporciona una lectura agradable a sus visitantes, sin distracciones visuales por todos lados. Además de cargar rápidamente, ¡su sitio tendrá una experiencia de usuario perfecta!
¿Cómo evaluar la velocidad de carga de un tema de WordPress antes de instalarlo?
¡Controle la demostración con las herramientas mencionadas al principio de este artículo! Las calificaciones que obtenga le darán una idea de qué tan bien se ha optimizado la velocidad de carga del tema.
PD: ¡no olvides usar un tema hijo!
6 – Utilice la paginación para optimizar el tiempo de carga de un sitio de WordPress
El peso de una página web influye en su tiempo de carga final , incluso si implementa todas las mejores prácticas (precarga de fuentes, almacenamiento en caché, etc.). Por tanto, es necesario reducirlo. Sin embargo, ¿qué haces cuando tu contenido es extenso?
¡Utilice la paginación para dividir su contenido y reducir su tiempo de carga!
7 – Elimina extensiones innecesarias para acelerar tu sitio web
En su sitio de WordPress, es una apuesta segura que tiene más de diez extensiones activas (complementos). Quizás otros estén instalados allí pero inactivos. ¿Por qué conservarlos?
Desinstale las extensiones que no esté utilizando . Pesan su base de datos y pueden causar ralentizaciones.
Además, asegúrese de no utilizar varias extensiones para hacer lo mismo. Por ejemplo, si ha instalado un complemento para generar un mapa del sitio XML de su sitio y utiliza Yoast para administrar el SEO de sus artículos, sepa que este último también le permite generar el mapa del sitio de su sitio web (Configuración general> Funciones> pregunta marca a la derecha de “mapa del sitio XML”).
Puede intentar encontrar extensiones que cumplan con la funcionalidad de más de una a la vez para reducir la cantidad de complementos activos en su sitio.
Además, el uso de muchas extensiones puede provocar errores y contradicciones y algunos errores como 500.
Para optimizar la velocidad de carga de su sitio de WordPress, utilice únicamente los complementos realmente útiles y desinstale los demás , ya sea a través del menú “Extensiones”, o mediante un cliente FTP como Filezilla eliminando sus directorios.
8 – Limpia regularmente tu base de datos
Para garantizar tiempos de carga rápidos para sus visitantes, limpie la base de datos de su sitio con regularidad .
Los cambios que realiza en su sitio de WordPress generan tablas MySQL en su base de datos que se vuelven innecesarias, como revisiones de artículos, borradores o transitorios, por ejemplo.
Para ello, puede modificar los archivos de su sitio para integrar reglas automáticas o utilizar un complemento como WP Optimize . WP Rocket también facilita la limpieza de la base de datos.
9 – Actualice WordPress, temas y complementos.
Los creadores de temas y complementos de WordPress realizan actualizaciones periódicas de sus herramientas. Estos tienen varios objetivos:
- ofrecer nuevas funciones
- arreglar algunos errores
- corregir las vulnerabilidades de seguridad
- reducir el tiempo de carga
- Para que su sitio no muestre lentitud con el tiempo, ¡ asegúrese de actualizar su sitio de WordPress con regularidad !
10 – Utilice el almacenamiento en caché en su sitio de WordPress
WordPress es un creador de contenido dinámico . Es decir que a través de PHP y su base de datos, crea páginas dinámicas integrando sus elementos estáticos : hojas de estilo, animaciones, imágenes, textos, etc.
Sin almacenamiento en caché, el navegador del usuario recuperará todo el contenido estático de la página de su servidor cada vez que se cargue. Esto es costoso en tiempo y recursos.
El CSS que le permite formatear su contenido y el JS que muestra contenido dinámico (controles deslizantes, cuentas atrás, etc.) son útiles para su sitio, pero tardan mucho en cargarse.
El almacenamiento en caché le permite generar una “copia” de todos estos elementos de su página que los navegadores utilizan cuando los usuarios de Internet regresan a su sitio , sin pasar por su servidor. Esto optimiza en gran medida la velocidad de carga de un sitio de WordPress ya que los navegadores ya conocen los estilos, textos, imágenes, etc. que deben mostrar.
Para habilitar el almacenamiento en caché de su sitio de WordPress, hay varios complementos gratuitos y de pago, pero solo recomendaría uno, uno de pago: WP Rocket .
¿Por qué ?
Porque es el único tan completo, flexible y eficiente. Además del almacenamiento en caché, ofrece otras funcionalidades como Carga diferida, limpieza de su base de datos o compresión GZIP, por ejemplo.
Para encontrar la mejor configuración para su sitio, ¡no active todas las opciones a riesgo de romper todo! Realice pruebas, compare en diferentes navegadores y mida el impacto en la velocidad de carga de su sitio de WordPress.
11 – Utilice la compresión Gzip para acelerar un sitio de WordPress
¿QUÉ es la compresión GZIP?
Se trata de una compresión (del 70 al 90%) de los elementos de su sitio (JS, CSS, HTML, etc.) que el navegador del internauta descomprime cuando visita una página.
El navegador recibe un flujo de datos comprimido que descomprime. Sin compresión, recibe un flujo más pesado y sin comprimir.
Esto permite que su sitio se cargue más rápido y muestre una primera pintura más rápido.
La compresión GZIP funciona con todos los navegadores y puede activarla en su sitio de WordPress a través de diferentes complementos.
12 – Reducir el número de solicitudes HTTP
El número de solicitudes que el navegador del usuario de Internet debe realizar al servidor HTTP de su sitio influye en el tiempo de carga de su sitio. Por tanto, es importante reducir el número tanto como sea posible.
Cuando alguien visita su sitio de WordPress, el navegador necesita cargar diferentes elementos: scripts, hojas de estilo, imágenes, fuentes, etc. Cuanto mayor sea el número de solicitudes, más lento será su sitio .
Puede reducir este número de solicitudes agrupando sus elementos (CSS y JS, por ejemplo) y alojando ciertos elementos en su servidor en lugar de depender de un tercero (códigos de seguimiento de Google Analytics y el píxel de Facebook, por ejemplo) para evitar redireccionamientos.
Para reducir la cantidad de solicitudes HTTP, también evite el uso de complementos que requieran una gran cantidad de llamadas a un sitio de terceros para funcionar. Estoy pensando en complementos que le permitan mostrar su feed de Instagram en su sitio de WordPress, por ejemplo.
13 – Elija el alojamiento adecuado: compartido, dedicado, virtual: alquile parte de un servidor web y utilícelo como servidor dedicado (VPS)
La elección de su solución de alojamiento influye en la velocidad de carga de su sitio de WordPress . Hay tres soluciones principales de los proveedores de alojamiento para poner un sitio de WordPress en línea:
- un host compartido : esta es la solución más barata. El alojamiento compartido consiste en alquilar parte de un servidor en el que se encuentran otros sitios. El problema es que si sus vecinos están consumiendo muchos recursos, su sitio puede experimentar ralentizaciones.
- hosting dedicado : una solución mucho más cara, es necesaria para sitios que reciben tráfico significativo. En este caso, ¡está alquilando un servidor para usted!
- hosting virtual : se trata de una solución híbrida entre compartido y dedicado que consiste en alquilar parte de un servidor web y administrarlo como si fuera tu propio servidor. Los precios varían según los recursos utilizados.
Dependiendo de sus medios y sus necesidades, elija la mejor solución. También tenga en cuenta que se deben tener en cuenta otros criterios al elegir un host, como la calidad del soporte y las características disponibles para el cliente.
14 – Usa un CDN
Un CDN (Content Delivery Network, o red de distribución de contenido) es una red de servidores que alojan “copias” de los elementos estáticos de su sitio web (imágenes, textos, etc.).
Les sirve de acuerdo con la posición del usuario en el mundo y, por lo tanto, garantiza una carga rápida de su sitio de WordPress en cualquier parte del mundo.
Sin CDN, si su sitio web está alojado en Francia y el visitante está en Chile, tardará mucho en cargarse. Con un CDN, el sitio se carga sistemáticamente desde el servidor más cercano.
Hay varios proveedores de CDN, pero la primera pregunta que debe hacerse es: ¿necesita una CDN?
Si su sitio no tiene alcance global y / o no recibe mucho tráfico (100,000 personas / mes), esto no es útil. De lo contrario, CloudFare ha sido reconocido como uno de los mejores CDN durante varios años.
Leer también:páginas web rápidas
Ediciones 2008-18-21