7 razones por las cuales su sitio de WordPress funciona lentamente

Un nuevo año significa resoluciones para mejoras y esto no debe limitarse al gimnasio. Acercarse a obstáculos que reducen la velocidad de su sitio es una resolución de Año Nuevo tan convincente como cualquiera. Descubrir qué hace su sitio lento puede ser un proceso de eliminación. Esta publicación examina los 7 problemas principales que debilitan la velocidad del sitio y proporcionan sugerencias para hacer que el sitio de WordPress sea más rápido hasta 2022. Antes de comenzar, verifique su velocidad. Estas 2 herramientas gratuitas verificarán la velocidad con otros elementos vitales de la web: webpagetest.org y herramientas.pingdom.com. Estos sitios verifican los tiempos y estadísticas de carga de la página, como la pintura contenta más grande (LCP). LCP es el tiempo de representación que informa el tiempo requerido para cargar el bloque más grande en la ventana de vista del visitante. Estas herramientas también destacan posibles áreas de mejora, como compresión de imágenes, uso de CDN y scripts que tardan demasiado en cargarse.
¿Qué hace muy lento mi sitio de WordPress? Las imágenes de 1-inobtimadas son una razón principal para los sitios lentos. Las personas rara vez comprimen sus imágenes y esto puede crear retrasos importantes. Si tiene una sección del sitio establecido con CSS para mostrar una imagen de 400 x 400 píxeles, pero cargue una imagen de 800 x 800 píxeles, deberá esperar esos 400 x 400 píxeles adicionales, incluso si la imagen no será mostrado en esa resolución. Lo que sucede detrás de escena es que el navegador primero carga la imagen de 800 x 800 píxeles antes de reducirla a la imagen de 400 x 400 píxeles. Esto requiere tiempo y recursos adicionales de su servidor y ralentiza el tiempo de carga. En lugar de esperar a que el navegador descargue y reduzca la imagen, comience con el tamaño correcto (ancho y altura) para que coincida con lo que se establece en la página. . Aquí hay dos cosas que puedes hacer:
Cargue una imagen con las mismas dimensiones que el espacio de visualización en su página.
Use una herramienta de compresión o cambio de tamaño para cargar la imagen con el tamaño correcto. Por ejemplo, TinyPng, Optimole, WP Smush, Ewww Image Optimizer, Smushit. WordPress incluye la funcionalidad de cambiar el tamaño de la imagen al cargar un archivo. Le permite elegir un tamaño o seleccionar sus propias dimensiones.
Diferenciar la carga: también puede posponer las imágenes de carga (llamadas cargas perezosas) hasta que la imagen esté en la ventana de vista del visitante del sitio. Se puede configurar con un atributo HTML.
Fuente: W3Schools

2 – No se usa un complemento de caché No hay excusa para no usar un complemento de caché. Si su sitio web no memoriza páginas en caché, puede sobrecargar el servidor con solicitudes de procesamiento pesadas y hacer que se ralentice o incluso se atasque. La memorización de caché permite a los visitantes del sitio ver un archivo HTML estático rápidamente. La memorización de caché le permite almacenar y reutilizar los datos guardados primero al cargar en RAM no utilizada y evitar un viaje de regreso al servidor. WP Super Cache es un complemento de WordPress de uso libre de todo el mundo. Si está experimentando un sitio web lento, este es uno de sus remedios3: no utilice una ubicación de CDN de sus servidores web puede afectar la velocidad de diferentes personas en diferentes regiones geográficas. Los CDN usan la presentación internacional y mantienen el contenido cerca de los visitantes de su sitio, para que experimenten una baja latencia. Debido a que los CDN almacenan archivos de sitio estáticos, como JavaScript, CSS, HTML e Imágenes, la tarea se reduce al alojar y realizar el rendimiento del sitio más rápido para los visitantes. Las redes de entrega de contenido (CDN) realizan caché distribuido geográficamente, almacenando archivos estáticos en su sitio web en todo el mundo para mejorar la experiencia de todos los visitantes del sitio, independientemente del país del que visite el sitio.
Los procesos de 4 background se deben establecer copias de seguridad y publicaciones o actualizaciones posceduladas para que se ejecute durante las bajas horas de tráfico. Asegúrese de que la configuración para ellos proporcione el impacto más bajo, por ejemplo: ¿Su copia de seguridad tiene que almacenar una copia de cada página o simplemente cambia? Algunos complementos pueden ralentizar su sitio. Algunos complementos pueden consumir muchos recursos y pueden tener velocidades bajas significativas, especialmente aquellos que recopilan datos, realizan funciones de SEO, recopilan estadísticas o crean hijos de repuesto. Query Monitor es un complemento gratuito de código abierto que clasifica sus complementos por su velocidad, por lo que puede comenzar a buscar alternativas fáciles. GZIP, que requiere menos datos para que su página se cargue. GZIP comprime archivos de hasta 90%, permitiendo velocidades de página más rápidas, SEO mejorado y una mejor experiencia general. GZIP es una aplicación de software de código abierto gratuita que se puede agregar a los sitios utilizando una de estas configuraciones enumeradas en GitHub para los servidores más comunes. Puede activar GZIP con una serie de complementos de caché, incluido WP Free Free. Para probar si ha agregado GZIP correctamente a su sitio, visite el probador GZIP e ingrese la URL de su sitio si está configurado correctamente, devolverá un mensaje que dice “GZIP está activado”.
6 – Demasiadas solicitudes Cada componente de una página es una solicitud HTTP, por lo que simplificar el diseño de una página puede reducir la cantidad de solicitudes necesarias para cargar la página. Recuerde que cada imagen es su propia solicitud. Puede reducir los componentes adicionales mirando su código Combinar archivos CSS externos en una sola hoja de estilo. Haga lo mismo con sus recursos de JavaScript. Puede usar Apache Ant para combinar múltiples archivos para su sitio. Averigüe cuántas solicitudes se envían para cada complemento utilizando Dev Chrome o Pingdom Instrument. La reducción de las aplicaciones mejorará directamente los tiempos de carga.7 – El código no optimizado Las hendiduras en el código fuente facilitan la lectura de los desarrolladores, pero para un navegador, solo son datos adicionales para descargar. Estos personajes, junto con los comentarios, se agregan al tiempo requerido para cargar una página. Hay un complemento gratuito de “minificar” que eliminará los caracteres innecesarios para usted después del desarrollo. Algunos complementos populares que hacen esto incluyen AutoPtimize y WP Rocket. En las hojas de estilo de punta o CSS, puede optimizar el código utilizando “tipos de medios” siempre que sea posible y estableciendo CSS no críticos, como componentes plegables, para cargar “en línea” o “asíncrono”, alias “cargando perezoso”. La separación del crítico de CSS a no crítico mejorará significativamente el rendimiento. Por lo general, el crítico de CSS incluirá el color de fondo, el estilo sobre el pliegue (o en la ventana de visualización inicial) y el tamaño del dispositivo.

Con JavaScript (especialmente JavaScript Tercera), se puede evitar que otros recursos se carguen. Considere agregar un atributo de deferencia. En conclusión, la mejora de la velocidad afecta directamente las clasificaciones de SERP de 3 maneras diferentes. Google clasificó la velocidad de escritorio en los resultados de búsqueda en 2010 y la velocidad móvil en 2018. Incluso en junio de 2021, Google introdujo una tercera clasificación de velocidad llamada Core Web Vitals (CWV), que se centra en la experiencia de la página. La velocidad también tiene un impacto indirecto en las clasificaciones, influyendo en las tasas de rechazo de los visitantes del sitio. Más de la mitad de las personas que visitan sitios en sus teléfonos móviles dejarán un sitio si no se ha cobrado en 3 segundos. Si cae en una de las 7 velocidades que cubrimos, asegúrese de seguir nuestras sugerencias para obtener mejoras para que usted El sitio se puede preparar para el próximo año.
Vamos a 2022 en busca de este nivel de velocidad del sitio web.