5 formas de acelerar su sitio, además de WP Rocket

Descargo de responsabilidad: este artículo está dirigido a una audiencia con conocimiento técnico intermedio. Esta es una publicación para los invitados y las opiniones son del autor, no necesariamente WP Rocket. Los servicios mencionados no son necesariamente aprobaciones oficiales de cohetes WP. ¿Ha encontrado la configuración de cohetes WP perfecta para su sitio, pero le gustaría ir más allá con su optimización? En este artículo, le daremos 5 sugerencias para localizar y resolver las causas más comunes de desacelerar un sitio web, incluso si ya usa WP Rocket. Y si su sitio ya es rápido, ¡estos puntos lo ayudarán a aumentar su velocidad!
5 formas de identificar por qué su sitio es lento incluso si funciona WP Rocket
Identificar un complemento mal codificado con un análisis a nivel de cliente
Identificar y deshacerse de las solicitudes lentas de MySQL
Elija y optimice el mejor alojamiento para su sitio
¿Cuándo y cómo debes usar un CDN?
Optimizar sus imágenes web
1. Identifique un complemento mal codificado con un análisis a nivel del cliente, el primer movimiento para identificar las causas críticas de desacelerar su sitio. Es un escaneo frontal de su página con una de las herramientas de rendimiento web disponibles.
Para lograr un resultado más preciso, antes de iniciar la prueba, debe deshabilitar el complemento de caché. instrumentos
Pingdom
Desacibarrarse
WebPagetest
Yslow (instálelo en el navegador)
Para mis pruebas, usaré Pingdom, porque es rápido de usar y presenta los resultados en un formato fácil de leer.

Ahora, para identificar el motivo de un largo tiempo de carga, debe ordenar la “cascada”, eligiendo el “tiempo de carga” en el menú.

Estudios de caso Ejemplo 1, widgets externos El tiempo de carga para mi primer estudio de caso fue de 4.75 s. A primera vista en la cascada de Pingdom, pude localizar inmediatamente la causa del problema. Lea cuidadosamente las filas de esta tabla: ¿lo encontraste? Por supuesto, usted entiende, este sitio utiliza un viejo “Box de Facebook como Box” integrado a través de un iPhamame. Este es un verdadero asesino de rendimiento para este sitio:

Cada vez que se encuentre con un caso similar, siempre debe preguntarse: ¿cuál es la mejor opción para mis usuarios? ¿Debo dar prioridad a un widget para mi página de Facebook o debería ofrecer una mejor experiencia de usuario con una página que cobre 3 veces más rápido? ¿Por qué no reemplaza ese widget con un enlace visible en el encabezado de su sitio? Si su tema incluye algunas fuentes de iconos, como FontaWeome, puede obtener un resultado atractivo sin cargar su página con una imagen.

Después de esta corrección, el tiempo de carga para este sitio ha disminuido a 0.95 s. Hay innumerables widgets que usan scripts externos, por ejemplo, los botones de intercambio de compartir solo para mencionar uno. En estos casos, ni siquiera un complemento de rendimiento como WP Rocket puede hacer maravillas para reducir la desaceleración de estos widgets externos. Una optimización aguas arriba es fundamental para lograr un rendimiento óptimo. Ejemplo 2, complementos mal codificados.
En una película, el guión le dice al actor qué hacer. Con la codificación, es lo mismo: el script describe el proceso que se ejecutará. Y a veces esto puede conducir a un gran tiempo de carga y ralentizar el sitio. Al instante, pude identificar qué complemento integra JavaScript a través de un script mal codificado: eche un vistazo a la URL:/WP-Content/Plugins/{Name Plugin}/… Después de algunas investigaciones de Google, descubrí que esto era Un problema conocido para este complemento y se resolvió con una actualización del complemento. Como alternativa, podría haber eliminado el complemento y lo habría reemplazado con otro. A menudo hay varios complementos que ofrecen la misma solución. Después de estas correcciones, el tiempo de carga para este sitio ha disminuido a 0.59 s. En general, es una buena práctica revisar regularmente los complementos de WordPress y deshabilitar aquellos que no son realmente útiles para el operación de su sitio. 2. Identifique y elimine las herramientas lentas de MySQL Hay muchos complementos que proporcionan información útil sobre el consumo de recursos:

Monitor de consulta
Solución de problemas de objetos
P3 Profiler (incluso si parece abandonado por su autor)
Slow MySQL Consultas antes de lanzar un sitio web complejo, puede ser útil ejecutar un diagnóstico para verificar que no hemos invitado a ningún complemento codicioso a nuestra mesa.
Actualmente estoy trabajando en un sitio usando WooCommerce y WPML juntos. Antes de activar el cohete WP, ejecuté un diagnóstico con el monitor de consulta y detecté algunas consultas lentas:
Mi sentimiento era correcto. Parece que olvidé hacer algunas optimizaciones en el lado WPML. He venido a deshabilitar algunas opciones WPML, como las filas de traducción automática. Esto me permitió optimizar el WPML correctamente para que todos los interrogatorios se realicen de la manera más efectiva. ¡Estos tipos de optimizaciones harán que su caché se ejecute aún más eficientemente! La memoria de WordPress asignada a WordPress es un CMS relativamente fácil, pero puede convertirse rápidamente en un cerdo de recursos una vez que instalamos ciertos complementos. Por defecto, WordPress otorga 40 millones de RAM para cada proceso. Si su sitio ejecuta algunos complementos avanzados, deberá aumentar la memoria. Para hacer esto, puede agregar esta línea al archivo wp-config.php: define (‘wp_memory_limit’, ‘128m’); Su sitio de WordPress ahora podrá respirar. En cualquier caso, tenga en cuenta que, para un rendimiento óptimo, un alojamiento web confiable y bien configurado sigue siendo fundamental. Si el tablero es lento, no puede esperar que WP Rocket (o cualquier complemento de caché) lo ayude allí, porque no memoriza el área de administración. Y sí, cuando hablamos de optimizar el tiempo de carga de un sitio web para todos sus visitantes, ¡también incluimos a sus usuarios de back -end!
Si tiene un servidor robusto construido, puede intentar eliminar todos los límites con algo como: Define (‘WP_Memory_Limit’, ‘512m’); Define (‘wp_max_memory_limit’, ‘1024m’); 3. Elija y optimice el mejor alojamiento para su sitio con una buena optimización de WordPress, la elección de alojamiento es igual de fundamental. Si opta por un plan de intercambio con un proveedor de bajo costo, corre el riesgo de ser colocado en un servidor en el que la RAM y la CPU ya están sobrecargadas. Debe elegir un host web de calidad y finamente optimizado. Use las últimas tecnologías de alojamiento, por ejemplo, la compañía de alojamiento que utilizo, Easy Hoster, ofrece SSD y Litespeed. Es importante usar tecnologías recientes. Por ejemplo, en otros servidores, trabajo con Apache 2.4 y PHP 5.6 / PHP 7, MariadB 10.1 para la base de datos, más OpCache y PHP-FPM. A partir de nuestras pruebas, descubrimos que la tecnología PHP Suexec no permite resultados satisfactorios. El uso de la tecnología de alojamiento de confianza y actualización puede darle 10 veces mejor que aquellos que obtendrá con un intercambio barato. Si tiene la oportunidad de administrar un servidor con un cpanel y una raíz de acceso para WHM, ¡puede seleccionar la configuración que propongo aquí a continuación con un solo clic! Todo se ejecuta a continuación: WHM → Software → Easyapache 4.

Y para la base de datos: WHM → Software → Actualización MySQL/Mariadb.
Si tiene alguna duda, comuníquese con el alojamiento. Cada buena empresa de alojamiento web estará encantado de ayudarlo a configurarlo. Ese es su trabajo después de todo. Optimice su alojamiento en la comunidad de WordPress, insistimos mucho en la importancia de ejecutar un sitio web optimizado. Sin embargo, no olvide que es tan importante tener un alojamiento web optimizado. El límite de memoria también es aplicable para PHP en la sección anterior, hemos visto que puede aumentar su memoria de WordPress editando el archivo wp-config.php. Para hacer esta edición útil, debe asignar suficiente memoria para PHP. Hay muchas formas de modificar “Memory_limit” para PHP. Por ejemplo:
Dentro de su .htaccess → Agregar “PhP_Value Memory_limit 512m”
O dentro de php.ini → Modifique el valor de la línea “Memory_limit”.

Para los propietarios afortunados de un WHM/CPANEL:

Inside WHM → Configuración del servicio → Editor de configuración PHP → Modo avanzado → Límite de memoria

O en WHM con Initador MultipHP → Modo editor
O en CPANEL, si MultipHP se activa → Iniciador multiphp → Modo de editor
Si todo esto ya le está dando dolor de cabeza, comuníquese con su empresa de alojamiento, es mejor. Además, si no respondo a tales solicitudes, ¡puede ser hora de cambiar su alojamiento! Recuerde activar la compresión de GZIP correctamente, muchas personas piensan que han activado GZIP en su servidor, pero no estoy seguro de que marcar una casilla en el tablero sea suficiente para ello. Esto es lo que suelen ver los usuarios de Cpanel: ya sabemos que no se recomienda la marca de la casilla “comprimir todo el contenido”. Las imágenes, por ejemplo, deben optimizarse con otro método, y no con GZIP. Veremos esto en el Capítulo 5. ¿Entonces solo comprime los archivos que contienen un texto? ¡Sí! Por otro lado, creo que es necesario ir un poco más lejos que el simple “texto/texto HTML/simple”. Dame tu consejo en la sección de comentarios Si eres un experto en alojamiento web personal, aquí he configurado en mi panel de alojamiento: Texto/Texto HTML/Texto simple/Text XML/Text CSS/JavaScript/JavaScript Application/XHTML+ Aplicación XML/ XML Aplicación/Aplicación RSS+XML/Aplicación Atom_XML/X-JavaScript/Application X-HTTPD -PhP/X- El httpd-Fastphp/x-httpd-eruby imagen/svg+xml de “pigz” procesos dependiendo del número de procesadores de su servidor. Muchas personas no piensan en ello y nunca lo hacen.
La optimización del servidor merece su propia serie de artículos. No soy una red de ingeniería de red, por lo que si tiene experiencia y comentarios a este respecto, ¡puede unirse a la discusión en los comentarios! 4. ¿Cuándo y cómo debe usar un CDN? ¿Qué es un CDN? Una red de entrega de contenido CDN, es una red (servidores) diseñada para entregar su contenido en todo el mundo. Esta imagen es útil para ilustrar cómo funciona :: En el servidor de origen izquierdo: de origen (en rojo)
Distribuido desde el extremo izquierdo hasta el extremo derecho: usuarios de Internet en cada continente
Entre los dos: servidores que actúan como relé para activos estáticos (JS, CSS, imágenes) (en azul)
Por supuesto, es posible que lo haya entendido ahora: debido a que reducimos la distancia entre el visitante y el servidor de origen debido al CDN, el contenido se transmitirá mucho más rápido. Como si el camino de caminar fuera más corto.
¿Cuándo debe usar un CDN? El caso más común es que debe usar un CDN cuando su audiencia sea internacional, es decir, cuando tiene visitantes de todo el mundo. Si su servidor web está en París, pero su tráfico proviene de Francia, América y Asia, sus activos tendrán que hacer un viaje intercontinental muy largo. El CDN consta de diferentes centros de datos de distancia que están cerca de sus visitantes, y esto ayudará a acelerar su página web. Otras razones por las cuales un CDN puede ser beneficioso:

Reduzca la tarea en su servidor

Proteja su servidor de los ataques DDoS
Permite la descarga paralela de archivos
Tiene acceso a un servidor de alto rendimiento a un precio muy razonable
Obtenga estadísticas adicionales sobre su tráfico (propuesto por muchas ofertas de CDN) Mejore el rendimiento de la web de la web al optimizar la puntuación LCP
La decisión es tuya. Cómo usar un CDN: ¿Cuál debería elegir? Jetpack Photon Jetpack Photon, un servicio automático gratuito, se describe como un servicio de aceleración de imágenes. Su compromiso: menor carga en el alojamiento y las imágenes más rápidas para sus lectores He estado probando Photon durante varios meses en algunos de mis sitios, incluido mi blog Mister WordPress y no veo ninguna razón para apagarlo. No tengo ningún problema con SEO en las imágenes de Google. Mis fotos e ilustraciones se redimensionan automáticamente dependiendo del uso que hago en mi sitio y el dispositivo del usuario (es decir, pantallas de retina). ¡También aprecio el hecho de que alivio la tarea en mi servidor! Cloudflare CloudFlare funciona como un “viceversa”, enmascarando la IP del servidor de origen y ofreciendo protección DDoS. Otras características incluyen:

Funciones de optimización de página como la minería
Características de seguridad como detectar posibles intrusiones
Certificado SSL gratuito y automático (como Let’s Cifrypt)
Y, por supuesto, funciona como un CDN
Cloudflare ofrece muchos de estos servicios de forma gratuita. Hay ventajas y desventajas en el uso de un servicio como CloudFlare. Por ejemplo, si su sitio disminuye, si tiene una capa adicional como CloudFlare, ¿es difícil solucionar problemas? ¿El problema es causado por CloudFlare? ¿O por su host web? Por lo tanto, puede agregar complejidad adicional, pero es posible descubrir que la velocidad y la seguridad agregados hacen que valga la pena. Como con cualquier herramienta, debe probarlo usted mismo, porque los efectos variarán de un sitio. Si no ve ningún beneficio real, puede deshabilitarlo fácilmente. MaxCDN Si desea utilizar una alternativa a CloudFlare, mientras conserva el bajo presupuesto, puede echar un vistazo a MaxCDN. Este parece ser el servicio básico cuando hablamos de CDN pagados. Es un servicio CDN tradicional, que es diferente de la nube. Este servicio solo hará una copia de sus archivos para ayudarlo a entregarlos más rápido. Realmente no puede interrumpir el acceso a su servidor, porque simplemente reemplazará la URL de sus recursos (imágenes, .js, etc.) y los cargará desde el servidor más cercano al visitante. 5. Optimice sus imágenes web Esta es mi última recomendación, pero quizás la más importante. Si tiene un sitio web perfectamente optimizado, pero no optimice sus imágenes, seguirá siendo tan lento como una tortuga. No es inusual ver sitios que cargan imágenes con un peso superior a 1.5 MB. Y no olvide que la optimización de las imágenes ayuda a aumentar el grado de LCP nuevamente. Para optimizar una imagen, debe:
Cambie el tamaño de la imagen y elija una buena resolución.Guarde la imagen para la web. Complete la imagen sin perder calidad;Por ejemplo, puede usar la herramienta Imagify en línea.Crear una cuenta gratuita lleva menos de un minuto.
Dependiendo del nivel de compresión deseado, sus imágenes pueden ser hasta 10 veces más ligeras.
Si algunos de estos pasos parecen molestos o complejos, no se preocupe, Imagify lo cubre.Puede instalar su complemento de WordPress gratuito.Si su sitio ya contiene muchas imágenes y se ha olvidado de optimizarlas por adelantado, puede comprimir todos esos archivos en unos minutos gracias al complemento.¿La vida no es buena?