WordPress Performance Optimization: los datos vienen antes de la optimización

Artículo escrito por:
  • WordPress
  • Actualizado: mayo 19, 2015

Internet abunda en artículos que te lo dirán. Cómo optimizar el rendimiento de su sitio de WordPress. He escrito Algunos mí mismo. Si son buenos, después de leer, tendrá una idea clara de las mejores prácticas para mejorar el rendimiento de un sitio de WordPress. Pero, "mejor práctica" es más o menos una frase clave para "si no puedes o no quieres aprender a entender a fondo este tema, al hacer esto probablemente mejorarás las cosas". Las mejores prácticas son muy generales y aunque su implementación ayudará, es poco probable que produzca los mejores resultados posibles en todos los casos, y de eso se trata la optimización: descubrir cómo lograr el resultado óptimo en circunstancias específicas.

Cada sitio de WordPress es una combinación única de temas, complementos y ajustes, cada uno de los cuales puede afectar el rendimiento. La única manera de optimizar realmente un sitio de WordPress es saber con precisión qué aspectos están causando problemas de rendimiento y centrar sus esfuerzos allí. Hay muy poco dinero para gastar y tiempo en configurar una red de distribución de contenido internacional si 98% de los visitantes de su sitio de negocios local viven dentro de las millas 100 del servidor; quizás su tiempo sea más fructífero para ordenar el widget para compartir en redes sociales, lo que provocará demoras de varios segundos en la carga de su página de inicio.

Para saber dónde se ubican mejor sus esfuerzos, necesita datos. En el resto de este artículo, voy a resaltar algunas herramientas que puede usar para crear un perfil de un sitio y obtener una idea de lo que influye en el rendimiento.

PageSpeed ​​Insights

ideas de google pagespeed

PageSpeed ​​Insights es un servicio de Google que analizará páginas web y proporcionará un informe detallado con consejos sobre cómo se puede mejorar el rendimiento. Por ejemplo, si no está minimizando su JavaScript, PageSpeed ​​Insights le permitirá saber qué scripts podrían minimizarse y los posibles beneficios.

Google Pagespeed Insights para WordPress es un complemento que toma los datos de PageSpeed ​​y los utiliza para crear un panel de control que ayudará a los propietarios de sitios a orientar sus esfuerzos de optimización.

Herramientas Pingdom

herramientas de pingdom

La mayoría de los propietarios de sitios ya estarán familiarizados con este, pero vale la pena mencionarlo porque es muy útil. La funcionalidad de PageSpeed ​​Insights tiene un cierto grado de cruce, pero si es un pensador visual, descubrirá que la representación en cascada le proporcionará una visión clara del proceso de carga de la página, lo que facilita la detección de las causas de la latencia.

Barra de depuración de acciones lentas

barra de depuración

Si realmente desea conocer los detalles esenciales del rendimiento de su sitio, la adición de acciones lentas a la Barra de debug El plugin te dará toda la información que necesites.

El complemento mostrará las acciones más lentas de 100 que se utilizan para crear una página de WordPress. Esta información es más útil para los desarrolladores que el usuario promedio de WordPress, pero si tiene la intención de aprender lo que necesita saber para optimizar adecuadamente su sitio, este complemento es insustituible.

Evite las optimizaciones sin sentido

En la parte superior de este artículo, dije que las "mejores prácticas" no siempre son las mejores para sitios específicos. Esto se debe a que algunos consejos de optimización son irrelevantes para algunos sitios. Para combatir eso, le aconsejo que recopile la mayor cantidad de información posible sobre su sitio, pero demasiada información puede ser tan peligrosa como muy poco si no establece las prioridades correctamente.

Tenga en cuenta que incluso si estas herramientas le dicen que “Factor X” hace que su sitio sea más lento de lo que podría ser, eso solo importa si tiene un efecto tangible en la experiencia del usuario o en las conversiones, incluso la página de inicio de Google falla algunas de sus pruebas de PageSpeed ​​Insight. Aquí opera una ley de rendimientos decrecientes. A veces lo suficientemente rápido es más rápido, y más optimización es solo una pérdida de tiempo. Utilice estas herramientas, pero asegúrese de colocar la información que proporcionan en el contexto de sus objetivos más amplios.

Optimizaciones que proporcionan buen golpe para el dólar

Esperemos que haya dejado claro en este artículo que la optimización obsesiva a menudo no es el mejor uso de los recursos. Sin embargo, hay una serie de optimizaciones que resultarán en un mejor rendimiento para casi cualquier sitio de WordPress.

Elegir buen alojamiento

Alojamiento barato puede ser tentador, pero hay una razón por la que es barato. Los proveedores de alojamiento compartido de bajo costo tienden a vender en exceso sus planes. Habrá más sitios en un servidor de los que puede manejar razonablemente, especialmente si algunos de ellos obtienen picos de tráfico al mismo tiempo. Si su alojamiento es lento, es probable que nada de lo que haga beneficie a su sitio tanto como podría.

Almacenamiento en caché

WordPress es un generador de sitio dinámico. Toma un lío de código PHP y consultas de base de datos y las mezcla en el HTML que conforma una página web. No importa cuán rápido sea su alojamiento, la generación dinámica de páginas es más lenta que la de páginas estáticas. Usamos generadores de sitios dinámicos porque vienen con muchos otros beneficios, no a muchos de nosotros nos gustaría codificar nuestros sitios desde cero, pero la mayoría de las veces no necesitamos que se generen páginas para cada visitante: no cambian que rapido El almacenamiento en caché nos permite guardar las páginas generadas en el disco o en la memoria, lo que las hace casi tan rápidas como una página estática.

El mejor complemento para el almacenamiento en caché en WordPress es W3 Total Cache. Es bastante sencillo de usar, pero tiene opciones de configuración más que suficientes incluso para el optimizador más dedicado. W3 Total Cache también manejará otros ajustes de optimización útiles, como la minificación de JavaScript y CSS.

Cargando JavaScript y CSS de forma asíncrona

Una de las cosas de las que se quejará Google PageSpeed ​​Insights son los archivos JavaScript y CSS que se cargan primero y bloquean todo lo demás. Debido a que estos scripts generalmente se incluyen en el <head> de un archivo HTML, están entre las primeras cosas que el navegador encuentra en una página y todo lo demás se detiene mientras se cargan. En la mayoría de los casos, ni el JavaScript ni el CSS deben cargarse primero. Async JS y CSS es un complemento ingenioso que evitará que los archivos JS y CSS bloqueen la carga del resto de la página.

Una vez que tenga un buen alojamiento, almacenamiento en caché y carga asíncrona en su lugar, es hora de pensar en usar una red de distribución de contenido. Después de eso, sus ajustes de optimización comenzarán a caer en el ámbito que discutimos anteriormente, y es hora de pensar seriamente si está optimizando en exceso y si su tiempo puede ser mejor invertido en la optimización de la tasa de conversión o en escribir un gran contenido.

Acerca de WHSR Guest

Este artículo fue escrito por un colaborador invitado. Las opiniones del autor a continuación son totalmente suyas y pueden no reflejar las opiniones de WHSR.