Cuando se trata de sitios web, lento y constante definitivamente no gana la carrera. Los sitios web lentos no solo frustrarán y disuadirán a sus visitantes, sino que también pueden verse afectados en las clasificaciones de los motores de búsqueda. Aquí en Elegant Themes tratamos de codificar nuestros temas para que sean rápidos y eficientes, pero también hay muchas cosas que puede hacer fuera del tema para mejorar el rendimiento. En esta publicación, describiré los pasos más importantes para garantizar que su sitio web de WordPress se ejecute a velocidades de liebre.
Evaluación comparativa de la carga de su página con Pingdom
Para empezar, necesitaremos una forma de medir el tamaño y la velocidad del sitio web en cuestión. Para ello, utilizaremos las herramientas gratuitas de Pingdom.com. Para el propósito de esta publicación, he creado una nueva instalación de Lucid en nuestros servidores que podemos usar para probar. Usando la herramienta de prueba de velocidad del sitio web de Pingdom , podemos hacer una prueba inicial de la velocidad de nuestra página. En «configuración», elegí probar desde su centro de datos de Dallas, Texas. Es importante realizar la prueba desde el mismo lugar cada vez. La prueba reveló un tamaño de página de 668kb, un tiempo de carga de página de 1 segundo, con un total de 44 solicitudes.
Habilitación de la compresión gZip
Lo primero que vamos a hacer es asegurarnos de que el sitio web esté comprimido antes de enviarlo a nuestros visitantes. Permitir que su servidor comprima sus archivos antes de enviarlos a sus visitantes disminuirá el tamaño de su página a pasos agigantados. Esto se puede hacer habilitando gzip . El método para habilitar la compresión en su servidor diferirá según su configuración. Para Apache, puede usar mod_deflate . Si está utilizando Litespeed , hay una configuración dentro del panel de control para habilitar la compresión. Habilitar la compresión HTTP también es bastante sencillo en servidores Windows .
Almacenamiento en caché de sus páginas para servir contenido estático
Cuando su sitio web de WordPress se está cargando, suceden muchas cosas detrás de escena. Las funciones de PHP se ejecutan y la base de datos MySQL se consulta para decidir exactamente qué debe enviarse a su visitante para esa página determinada. ¡Cuanto menos intensas sean las consultas en la página, mejor, y lo único mejor que menos consultas es ninguna! Usando un complemento de caché , puede crear una versión estática de su sitio web y hacer que se sirva instantáneamente a sus visitantes. Esto no solo hace que su sitio web se cargue más rápido, sino que también reduce la carga en la CPU, la memoria y el HD de su servidor. Hay algunos complementos de almacenamiento en caché excelentes, y sugeriría usar W3 Total Cache . Una vez instalado, puede habilitar Caché de página en la pestaña Rendimiento > Configuración general .
Minificar y consolidar archivos CSS y JavaScript
Minimizar sus archivos CSS y JavaScript elimina los caracteres innecesarios dentro del archivo, lo que reduce el tamaño del archivo y reduce el tiempo que lleva descargarlo. La consolidación de los archivos reduce la cantidad de archivos que se descargan, lo que reduce la cantidad de solicitudes en la página. Ambos factores contribuyen a la carga de su página. Puede minificar sus archivos CSS manualmente usando este minificador en línea para CSS y JavaScript, o puede dejar que un complemento haga el trabajo por usted. El mismo complemento que usamos para almacenar en caché nuestra página en el paso anterior, W3 Total Cache, también tiene una opción para minimizar y combinar automáticamente sus archivos CSS y JS. Esto generalmente funciona muy bien, aunque siempre debe probar su sitio web a fondo para asegurarse de que los archivos comprimidos no hayan causado ningún problema de JavaScript.
Uso de una red de entrega de contenido
Implementando un CDNpuede aumentar drásticamente la velocidad de su sitio web, incluso si no nota los resultados en casa. En un host de sitio web estándar, sus archivos se almacenan en un solo servidor en una sola ubicación en algún lugar del mundo. Cuanto más cerca estén sus visitantes del centro de datos en el que se almacenan sus archivos, más rápido podrán acceder a ellos y más rápido se cargará su sitio web. Para aquellos visitantes que visitan su sitio desde el extranjero, por otro lado, ¡es posible que los datos tarden mucho en cruzar el océano y llegar a su navegador! Lo que hace un CDN es distribuir tus archivos a varios centros de datos en todo el mundo, por lo que es mucho más probable que haya un servidor más cerca que el tuyo para cada persona que visita tu sitio web. Luego, el visitante recibe sus archivos desde el servidor más cercano, lo que mejora la velocidad de carga de su sitio web.MaxCDN en nuestra instalación de prueba. Afortunadamente, W3 Total Cache también tiene una opción para integrar MaxCDN automáticamente, ¡muy conveniente!
El resultado final: aumento del rendimiento del 160 %
Después de aplicar cada una de estas técnicas a nuestro blog de prueba, volví a probar la página en Pingdom para medir el efecto. El tamaño total de la página se redujo en 222 kb debido a que permitimos la compresión y minimizamos nuestros scripts. Las solicitudes en la página se redujeron en 16 , y cuando se combina con el aumento de velocidad debido al almacenamiento en caché y nuestra CDN, la página se cargó en solo 386 ms para una mejora general del 160 % . No está nada mal por solo unos minutos de trabajo
