Guía no técnica sobre cómo acelerar el tiempo de carga de la página web

Ha creado su sitio, obtiene tráfico a través de análisis, pero simplemente no obtenga los tipos de beneficios que ha estado esperando. Su tasa de visita repetida puede reducirse, y el tiempo dedicado a las personas en el sitio no sugiere interés o participación. Un posible culpable puede ser la velocidad de su sitio web o tiempo de carga.

¿Cuánto tiempo estás dispuesto a esperar a que se cargue una página? ¿A qué hora dice “es suficiente”, cierre la pestaña y haga clic en otro lugar? Según los estudios, un aumento en un segundo tiempo de carga de la página se correlaciona en el 7% de las conversiones y ventas perdidas, mientras que el 40% de las personas que visitan un sitio lo abandonarán si tarda más de tres segundos en la carga.
Nuestro equipo de WP Buffs ayuda a los propietarios de sitios web, socios de agencias y socios independientes a acelerar su tiempo de carga de la página. Ya sea que necesite que administremos un sitio web o admitirá 1000 sitios de clientes, respaldaremos.
Al igual que alguien que conduce un sitio web, ¡puedo decirle que la velocidad tiene un gran impacto! Afortunadamente, hay algunas cosas que puede hacer para combatir el tiempo de carga lenta en su sitio de WordPress. Algunos de estos consejos son específico de WordPress, mientras que otros pueden usarse de manera más general.
Definiciones Antes de comenzar, hay algunos términos clave que usaremos en esta guía. Vamos a cubrirlos primero.
Tiempo para el primer byte (TTFB): la cantidad de tiempo requerida para que el visitante reciba la primera información de su sitio web. Esto generalmente se ve afectado por su host y la cantidad de código (complementos + tema) que debe ejecutarse antes de que se pueda enviar cualquier información. el primero, seguido de imágenes).
Tiempo de carga: el tiempo de carga es el tiempo requerido para cargar su sitio, incluido todo el texto, las imágenes, las fuentes y los scripts.
Solicitudes: Las solicitudes representan el número de archivos que llaman y cargan su sitio. Pueden ser internos (alojados en el mismo servidor que su sitio) o externos (como archivos de fuentes de Google). En general, un número menor de estos es preferible.
Antes de comenzar antes de comenzar, le sugerimos que tome un punto de referencia inicial para su sitio para que pueda medir la mejora. Estas herramientas también le darán comentarios para que ciertas áreas mejoren. Hoy usaremos las siguientes tres herramientas:
Gtmetrix
Webpagetest.org
Google PageSpeed ​​Insights
Ejecute su sitio a través de cada uno de ellos y marque los resultados. También le recomiendo que haga una copia de seguridad de su sitio o trabaje en un servidor de prueba si es posible. Como con cualquier sitio web, existe el potencial de causar errores si no tiene cuidado, y una copia de seguridad actual siempre es agradable para la tranquilidad. Las causas comunes de los sitios lentos (y sus remedios) optimizan / cambian de tamaño los archivos y videos más grandes en los sitios web y, por lo tanto, la carga más lenta, son imágenes y videos. Hay algunos consejos simples que puede seguir para ayudarlo a acelerar su sitio cuando trabaje con imágenes. Reciba las imágenes. Mire su sitio y vea cómo usa cada imagen. ¿Su logotipo ocupa solo un pequeño rincón de su sitio? Entonces no necesitas una resolución tan alta. Abra la foto en cualquier software de edición de fotos y cambie el tamaño a algo más apropiado. Esto puede reducir drásticamente el tiempo de carga de su página.
Comprimir y optimizar sus imágenes y videos. Después de cambiar el tamaño de las imágenes, puede optimizarlas sin perder calidad. Hay varios sitios web gratuitos para optimizar las imágenes basadas en imágenes, como Compressor.io.
También hay varios complementos que puede usar para administrar esto automáticamente. Muchos de estos son gratuitos para una cantidad establecida por mes y relativamente barato después. Personalmente, me gustan las imágenes de compresas pequeñas del complemento, de TinyPng, porque también incluye tabletas de archivos ya cargados en la versión gratuita.
CDN considere buscar un CDN si su sitio tiene cobertura global para acelerar la carga remota. Los CDN trabajan colocando a los niños de contenido estático (imágenes, scripts y videos) en servidores de todo el mundo. A medida que los visitantes vienen a su sitio, se proporcionan activos desde el servidor más cercano a ellos, reduciendo la latencia a medida que se transmiten los archivos. Una cuenta gratuita con CloudFlare es perfecta para comenzar, si espera que su sitio se lea en todo el mundo. Si su sitio solo es local, puede aumentar el tiempo de carga de su sitio, por lo que se pueden necesitar algunas pruebas. Optimizar su código y entrega del código Eliminar la hinchazón
Primero, mire los complementos que ha instalado actualmente. ¿Hay algo que puedas prescindir? Si es así, sácalos. ¿Hay complementos en los que usa solo un pequeño subconjunto de características? Este es un buen candidato para reemplazar con un complemento más pequeño y dirigido.

¿Qué tan hinchado está tu tema? Si su tema de WordPress tiene una página demostrativa, ejecute esta demostración a través de los sitios de prueba anteriores. Si tiene una puntuación extremadamente débil, considere comprometer la transición a otro tema.
¿Hay alguna fuente externa que no pueda hacer? Si Facebook carga 15 scripts en su página, ¿hay alguna forma de lograr el mismo objetivo sin él? O es posible que desee ver el uso de un archivo de fuentes alojado localmente en lugar de descargarlo de Google cada vez.
Optimizar y transmitir el contenido comenzaremos combinando y reduciendo los archivos CSS y JavaScript restantes. La combinación de archivos reduce el número de solicitudes realizadas por su sitio, y su reducción reduce el tamaño de los archivos que se descargarán, acelerando la carga total de la página. Para hacer esto, instalaremos y activaremos el complemento de autocuidado. Cuando lo haya activado, vaya a la página en el menú Opciones en el tablero y active la optimización de HTML, CSS y JavaScript. También querrá instalar las cadenas de consulta de los recursos estáticos, para permitir que todos los archivos de script y CSS se almacenen en caché. Simplemente instálelo y activelo, no se requiere configuración. Nota: La optimización automática a veces causa ciertos complementos o características basadas en JavaScript. No se asuste si algo no funciona una vez que se instala, porque nada aquí es permanente. Si este es el caso, en la página Configuración del complemento, puede hacer clic en “Mostrar la configuración avanzada”, entonces puede agregar los archivos en cuestión al “excluido” de JavaScript. Esta parte puede tomar algunos intentos y errores. Al hacer cambios, asegúrese de hacer clic en “Guardar y eliminar caché”.
Luego pospondremos a JavaScript en el sótano. Esto hace que JavaScript cargue el contenido de la página, para que el usuario pueda comenzar a leer mientras los scripts se cargan en segundo plano. Para esto, utilizaremos el complemento Async JavaScript. Después de que lo instale y active, debe asegurarse de que todo esté configurado para “aplazamiento”, y en la parte inferior, asegúrese de activar la asistencia para la optimización automática. Se aplica la misma nota que para autoptimizar: si algo se rompe, puede agregarla a la lista de exclusión. Esto puede tomar intentos y errores. El último paso que tomaremos aquí es configurar un complemento de caché. Después de tener un visitante en su sitio, un complemento de caché crea una copia estática de su página. Esta copia estática se sirve a los futuros visitantes, evitando todos los cálculos del código fuente necesarios y acelerando las páginas posteriores. Aquí hay muchas opciones, todas con sus propias ventajas y desventajas. Personalmente, me gusta Cachify, donde lo instala y lo activa, y la configuración predeterminada funciona excelente.
Nota: Debido a que todo se guarda (predeterminado durante 12 horas), ocasionalmente querrá forzar un caché antes, especialmente si hace cosas como editar o publicar elementos. Cachify Lave el caché automáticamente al publicar una página, pero cuando realice una edición, es posible que deba lavarlo haciendo clic en la basura desde la parte superior derecha de la barra de administración. También puede excluir páginas individuales de Cache en la página Configuración de Cachify, si tiene algo que cambia a menudo (como una verificación de WooCommerce, etc.). Optimizar la configuración del servidor
Esta sección depende en gran medida de su situación de alojamiento individual. No todas estas opciones estarán disponibles para todos los hosts. Si no está seguro de contactar a su proveedor de alojamiento. Tendrán el mayor impacto a tiempo hasta el primer byte y algunas de las opciones, como la configuración de expiración GZIP y de archivos. Si su anfitrión no puede responder estas preguntas a su satisfacción o si recibe otro TTFB lento después de haber recorrido los otros pasos, podría ser hora de pensar en mudarse a un nuevo anfitrión. Me aseguraría de que su host esté ejecutando al menos PHP 5.6, o preferiblemente Php 7 (con un aumento de velocidad significativo por encima de 5.x). PHP 7 activa OpCache PHP en caché de forma predeterminada en el servidor (funciona bien con Cachify). Deberá asegurarse de que GZIP se active a nivel de servidor. Hay otras opciones para acelerar la carga de su sitio en el servidor en sí, utilizando configuraciones como caché de barniz y otras configuraciones que no caen dentro de este artículo. Si usa Apache como servidor web, puede colocar (o modificar) un archivo .htaccess en la carpeta principal del sitio de WordPress. A continuación se presentan la configuración para activar los encabezados para todo el contenido de su sitio. Le dicen a las computadoras de los visitantes que no descarguen cosas como imágenes, scripts, etc., hasta que haya pasado un cierto período de tiempo. Esto es muy útil para cosas que no cambiarán, por lo que las visitas posteriores se cargarán mucho más rápido. O si desea mantener las cosas simples, actualice a alojamiento de WordPress completamente administrado. Es una inversión mayor, pero su proveedor

El anfitrión se encargará de todo esto por usted. Estos son los principales problemas que pueden retrasar su sitio. Siempre hay espacio para más mejoras, pero deberían darle un buen comienzo. Solo unas pocas advertencias en los sitios de prueba de velocidad que usamos anteriormente: a menudo no (o incluso deseable) para obtener el 100% en un sitio de prueba de velocidad en particular, sin afectar seriamente las características que desea ofrecer. En cambio, tire de la mayor velocidad que pueda obtener sin sacrificar la calidad.

Cada uno de los sitios prueba diferentes cosas y medidas de diferentes maneras. No se preocupe por las notas o porcentajes de letras. En su lugar, verifique y asegúrese de haber trabajado en categorías tanto como pueda. Las partes que realmente importan son TTFB, comienzan renderizado y tiempo de carga, porque estas son lo que el visitante eventualmente verá.

¿Quieres darnos comentarios o unirte a la conversación? Agregue sus comentarios en Twitter. Guardar guardar