¿Por qué mi sitio web es tan lento? ¿Cómo mejorar la velocidad del sitio web en WordPress?

¿Tiene alguna queja sobre la velocidad de nuestro sitio web? Lea este artículo con atención. Hay muchas razones por las que el tema se ejecuta rápido en algunos sitios pero lento en otros.

Este artículo es para aquellos de ustedes que probablemente estén pensando que su sitio es muy lento. Por lo tanto, probablemente deba mejorarse. Todos sabemos que la velocidad es un asunto importante para cualquier sitio web. Si su sitio es demasiado lento, sus clientes no visitarán su sitio y usted no obtendrá buenos ingresos.

Hay muchos factores que afectan la velocidad de WordPress. Por lo tanto, en este artículo, los exploraremos todos y le brindaremos algunas soluciones rápidas para acelerar significativamente su sitio web. Además, analizaremos algunos conceptos erróneos sobre la optimización de la velocidad del sitio web .

A. ¿Cómo probar la velocidad del sitio de la manera correcta?

Esta parece ser la pregunta más fácil, pero de hecho, es el error más novato que tiene la mayoría de la gente.
El simple hecho de visitar su sitio web desde su computadora no le mostrará la información correcta sobre qué tan rápido o lento es su sitio web.
Entonces puede pensar que los sitios web GTMetrix o Pingdom serán las herramientas correctas. Nuevamente incorrecto.

De hecho, GTMetrix y Pingdom son los dos sitios más populares y confiables para probar la velocidad de su sitio. Sin embargo, poner la URL de su sitio en su casilla de verificación no es suficiente para probar la velocidad del sitio de la manera correcta.

Algunos de nuestros clientes siempre están preocupados por la velocidad, ya que su velocidad en GTMetrix es muy lenta.

Por ejemplo, esta prueba de velocidad da el resultado de casi 19 segundos y una puntuación general F

Sin embargo, si miramos de cerca, la región de prueba predeterminada de GTMetrix está en Canadá, mientras que la mayoría de sus proveedores de alojamiento son Bluehost, A2hosting, Godaddy, etc. y tienen su sede en los EE. UU. O en Europa.

Además, digamos que vives en EE. UU. Y tu audiencia también vive en EE. UU. En ese sentido, una prueba de velocidad de Canadá no significaría nada. Por lo tanto, el resultado de la prueba correcto debe realizarse en los EE. UU.

Si inicia sesión en GT Metrix y cambia la región de prueba a Dallas, la velocidad del sitio web mejorará significativamente. Por ejemplo, en este caso, 19 segundos reducidos a apenas 4 segundos.

Si probamos desde San José, California, la velocidad mejoró a 3,25 segundos.

Así es como la UBICACIÓN afecta la velocidad de su sitio. Recuerde elegir siempre una ubicación de alojamiento cercana a sus audiencias.

En otra prueba, Bostjan Gartnar tiene su sede en Europa y una vez se quejó de que la velocidad de su sitio en GTMetrix es de aproximadamente 3,5 segundos. Sin embargo, al igual que en la situación anterior, la ubicación predeterminada de GTMetrix es Canadá y el público de Bostjan no vive en Canadá.

Probemos Pingdom para esto. Realicemos la prueba nuevamente para personas en Suecia, la velocidad del sitio se reduce a solo alrededor de 600 milisegundos

La lección es no confiar en el sitio de prueba antes de considerar el factor de ubicación .

¿Qué pasa si su sitio ofrece servicios a audiencias globales? ¿Significa que su servidor tiene que ser tan rápido que pueda servir a cualquier persona en cualquier parte del mundo en menos de unos segundos? No necesariamente. Solo necesita un CDN - Content Delivery System , que aloja el contenido de su sitio en muchas áreas alrededor del mundo.

Esta es una tecnología compleja y si tiene la intención de volverse global, su equipo técnico definitivamente sabrá cómo implementar CDN para su servidor. Una de nuestras sugerencias con respecto a CDN es que puede probar con Cloudflare .

B. ¿Qué sigue? ¿Cómo mejorar la velocidad del sitio web? Prueba estos:

1. Optimiza tu código

Aunque el servidor es bastante fuerte en comparación con algunas líneas de códigos, debe tenerlo en cuenta. La optimización de código es una de las cosas más importantes para mejorar la velocidad de un sitio web. Sin embargo, a pesar de lo poderoso que es el servidor, un sitio web que ejecuta diez mil líneas de código con cientos de bucles para cualquier solicitud siempre será más lento que un servidor de tamaño mediano que solo ejecuta menos de mil líneas de código y algunos bucles.

Lo más probable es que haya muchos códigos HTML, JavaScript, CSS y CSS en línea redundantes en el código fuente de su sitio que lo dañarán. Afortunadamente, existe un método muy sencillo para optimizar todos estos códigos, eliminar espacios innecesarios y acelerar su sitio. Eso es para usar Autoptimize . Es un complemento que estamos usando para todos nuestros sitios web, todas nuestras demostraciones, y su efectividad es simplemente asombrosa.

Para nuestros temas premium de alta calidad en ThemeForest, hacemos todo lo posible para optimizar el código y eliminar archivos innecesarios para que su sitio tenga el mejor rendimiento con nuestro tema. De hecho, la mayoría de nuestros temas de WordPress obtuvieron un grado A al verificar Pingdom y GTMetrix.

La mayoría de ellos también obtienen menos de 1 segundo de tiempo de carga. El uso de los siguientes temas con la última actualización puede ayudar significativamente a optimizar su sitio y el código de su tema, lo que resulta en un rendimiento mucho mejor del sitio. Estos temas utilizan la última técnica de creación de temas de ThimPress - ThimCore:

Tema educativo de WordPress - Education WP

Eduma o Education WP, actualmente es el tema de WordPress para educación más vendido en ThemeForest y su calidad está fuera de los registros con actualizaciones periódicas, soporte entusiasta y características de alta calidad, diseños sobre educación.

Tema de WordPress para revistas - Mag WP - El mejor tema para revistas.

Hotel WordPress Theme - Hotel WP - El tema imprescindible si está construyendo un hotel o un negocio de alojamiento y desayuno

2. Optimización de imágenes

No es exagerado decir que 90 de cada 100 sitios tienen este problema: el propietario del sitio carga imágenes sin editarlas previamente para reducir el tamaño de la imagen y hacer que encaje con el área necesaria.
Por ejemplo, muchas personas subirían una imagen de retrato de 5 MB al cuadro de avatar que solo necesita una imagen de 90 × 90 px que necesita un máximo de 200kB. Eso es un desperdicio de 4.8 MB para solo un avatar. Y habrá más lugares en su sitio que necesiten imágenes.

• Recuerde siempre cambiar el tamaño de su imagen y siempre trate de que se ajuste a la posición para la que está destinada.
  Puede usar Photoshop, elegir Guardar para la Web y personalizar la dimensión, la cantidad de colores para optimizar las imágenes.

• También puede utilizar un complemento de optimización de imágenes de WordPress como WP Smush para aumentar la velocidad del sitio web. WP Smush optimizará automáticamente sus imágenes cada vez que cargue una imagen en su sitio web.
  Actualmente, es uno de los complementos más conocidos para la optimización de imágenes.

• También puede usar Regenerar miniaturas para regenerar muchos tamaños de imagen diferentes para su sitio web. Por ejemplo, si usa Regenerar imagen, el avatar de 5 MB anterior se convertiría en muchas versiones diferentes. Además, habrá una versión pensada solo para un avatar con 90 × 90 px.

• Finalmente, si su sitio necesita muchas imágenes, puede usar la carga diferida para cargar solo la estructura y el texto de su sitio primero. Luego, solo cargue Imágenes cuando se desplaza a la imagen. De modo que el proceso de carga se dividirá en muchas fases y las imágenes pesadas solo se cargarán bajo demanda.

3. Utilice complementos de almacenamiento en caché

Un consejo más es usar complementos de almacenamiento en caché para guardar capturas de pantalla de su sitio web, almacenar en caché CSS o archivos JavaScript. Para que los visitantes solo tengan que cargar lo que no se cargó antes. Esto puede mejorar mucho la velocidad de su sitio.

Uno de los mejores complementos para el almacenamiento en caché es W3 Total Cache

Aquí hay una configuración de W3 Total Cache que Bostjan encontró que ayudó a mejorar la velocidad de su sitio a solo menos de un segundo.

A continuación se muestran algunos otros complementos de almacenamiento en caché que puede probar:

• Swift Performance - Caché de WordPress y potenciador de rendimiento

Este es un complemento de almacenamiento en caché premium relativamente nuevo que puede ayudarlo a aumentar el rendimiento de su sitio rápidamente.

• WP Super Caché
• Cohete WP

Es decir, WP Rocket es un complemento de almacenamiento en caché de WordPress premium con tres planes de pago ofrecidos. Técnicamente, solo tiene que pagar una tarifa única, pero el soporte y las actualizaciones están incluidos si mantiene los pagos todos los años. Dicho esto, el almacenamiento en caché para un sitio web se cotiza en $ 39, con soporte para tres sitios web a $ 99 y sitios web ilimitados por $ 199.

Aunque puede encontrar otros complementos gratuitos, estos son índices de calidad para uno de los complementos de almacenamiento en caché con más funciones del mercado. No hay una versión de prueba o una versión gratuita del complemento, pero los desarrolladores ofrecen una garantía de devolución de dinero de 14 días.

Una de las razones por las que nos gusta tanto el complemento WP Rocket es su sencilla interfaz de usuario y su rápida configuración. Es un complemento de almacenamiento en caché de WordPress con el poder de hacer que su sitio sea increíblemente rápido, pero cualquier principiante puede sentarse y comprender la mayoría de las configuraciones involucradas.

4. Eliminación de complementos no utilizados.

Revise su sitio a fondo y desactive los complementos que no esté utilizando no es una mala idea.
Cuando use WordPress, se le pedirá que instale muchos complementos gratuitos. Sin embargo, no utilizaría la mayoría de ellos y estos complementos ocuparán espacios amplios en su sitio web. Mientras tanto, para cualquier solicitud de los visitantes, el motor central de WordPress aún necesitaría implementarlos, lo que provocaría un desperdicio innecesario de recursos que podrían usarse para acelerar su sitio web.

Además, hay complementos que puede usar ocasionalmente y pueden ralentizar significativamente su sitio. En este caso, puede encontrar complementos que están dañando su sitio y decidir mantenerlos o desactivarlos utilizando P3 Profiler .

P3 Profiler lo ayudará a encontrar complementos lentos e informará el rendimiento de cada complemento para que sepa cuál conservar y cuál eliminar.

5. Optimización del servidor

Un último consejo sobre la optimización de la velocidad del sitio de WordPress es la optimización del servidor. Esto puede ser bastante avanzado y solo debe preocuparse por esto cuando esté usando un VPS en lugar de un plan de alojamiento compartido, ya que puede haber configuraciones incorrectas en su servidor si lo está administrando solo. Como dijimos antes sobre la ubicación, no la volveríamos a mencionar. Sin embargo, en la optimización del servidor, todavía hay algunas otras cosas que puede hacer para optimizar su sitio web, especialmente si está ejecutando:

• Utilice EasyEngine

Lo mejor de Easy Engine es que ayuda mucho con las opciones de almacenamiento en caché y la compatibilidad con HHVM y Page Speed.

• Optimización de Nginx

Esta es una técnica avanzada, por lo que solo enumeraré algunos de los tutoriales más completos de Linode y DigitalOcean:

Cómo optimizar la configuración de Nginx

Cómo configurar Nginx para un rendimiento optimizado

NGINX: haciendo volar tus servidores

Sintonización NGINX para un mejor rendimiento

Ajuste de NGINX para rendimiento

6. Utilice PHP 7 para acelerar significativamente su sitio web

Actualmente, PHP 7.0 es la última versión de PHP y es bastante estable ya que se ha lanzado durante casi 2 años.

WordPress.ORG también recomienda a sus usuarios que utilicen PHP 7. Actualmente, solo 9 de cada 100 usuarios de WordPress utilizan PHP7. Simplemente comuníquese con su proveedor de alojamiento y pídale que cambie de PHP 5 a PHP 7. Actualmente, PHP 5 sigue siendo la versión predeterminada de PHP en muchos servicios de alojamiento.

A continuación se muestra la tabla de prueba de velocidad del tema Eduma - Education WP para un servidor no configurado, sin caché con PHP 5.6.28 y uno que usa PHP 7.0.18

Aparentemente, PHP 7 es siempre más rápido y su tiempo de carga promedio es de solo menos de 1,5 segundos para Eduma que usa PHP 7, mientras que PHP5 necesita aproximadamente 5 segundos para cargar completamente el sitio.

Leer más Cómo el alojamiento web afecta la velocidad del sitio