Cuando realmente te adentras en los blogs, hay mucho en qué pensar. El funcionamiento de un sitio web requiere su atención en muchos niveles: contenido, marketing, diseño, etc.
Teniendo esto en cuenta, no es de extrañar que pueda perder de vista algunos de los fundamentos de la gestión de un blog. Yo llamo a esto el «Comezón de un año». Ese momento en el que se ha involucrado tanto en el funcionamiento diario de su sitio que debe olvidarse de algunas de las cosas más importantes.
Esa es exactamente la posición en la que me encontré recientemente, pero afortunadamente me aparté del bosque para ver los árboles y volví al camino correcto. En este post quiero explicarte lo que puedes haber perdido de vista y mostrarte cómo arreglar las cosas.
Siento la necesidad de la velocidad
Tengo una sana obsesión por la velocidad. La velocidad de carga de la página para ser más específicos (no tan glamorosa como Top Gun, por supuesto, pero no menos importante por ese hecho).
Entiendo el impacto que la velocidad de carga puede tener en la experiencia del usuario y, en última instancia, en sus resultados. De hecho, muchas veces hemos escrito sobre cómo aumentar la velocidad del sitio aquí en Themelocal.
Y, sin embargo, había perdido de vista la importancia de la velocidad de carga de la página en mi propio blog. Estaba tan absorto en el funcionamiento diario de mi blog que había perdido de vista la posibilidad de ofrecer una experiencia de usuario de calidad en el nivel más básico (es decir, la rapidez con la que se carga la página). Después de casi dos años de vida, mi blog se había estancado como resultado de mi obsesión por los ajustes y realmente se estaba mostrando.
Entender bien los conceptos básicos
Después de darme cuenta de mi error, verifiqué para asegurarme de que todavía estaba haciendo bien las cosas simples. Eso me devuelve a mi artículo original aquí en Themelocal sobre la velocidad del sitio en el que cubrí lo siguiente:
- Medir la velocidad del sitio
- Almacenamiento en caché
- Optimización de imagen
- Carga lenta
Estos son los que me gusta llamar «la fruta madura» cuando se trata de mejorar la velocidad del sitio. Son rápidos y fáciles de implementar. Pero sabía que tenía algunos problemas más fundamentales en lo que respecta a la velocidad de carga de mi sitio. Era hora de profundizar un poco más.
Si es culpable de modificar su sitio, es posible que tenga elementos redundantes y / o indignos dentro de sus páginas web que ralentizan drásticamente su sitio. Esto es lo que encontré en el caso para mí. Siga leyendo para descubrir lo que se puede perder.
Los efectos secundarios de los ajustes sin fin
Mi primer paso fue dirigirme a Pingdom y probar el tiempo de carga de mi página de inicio. No fue agradable, el tiempo de carga fue de alrededor de 5 segundos, más lento que alrededor del 80% de otros sitios web según sus estadísticas.
Sin embargo, una vez que terminé con mis ajustes, el resultado fue mucho mejor:
El proceso por el que pasé para mejorar la velocidad de mi sitio fue extremadamente simple. Si ejecuta su propio sitio a través de Pingdom, obtendrá un informe similar al que ve arriba, pero es lo que encontrará a continuación lo que realmente nos interesa:
Esa es una parte de una lista de todas las solicitudes realizadas para cargar mi sitio; en esencia, la cantidad de archivos diferentes que se cargaron para producir la página web en su totalidad. De forma predeterminada, están ordenados por el orden en que se cargaron (que suele ser el orden en el que se solicitan en el código fuente de la página), que es un orden lógico pero no el más útil para nosotros.
Lo que debe hacer es hacer clic en el cuadro desplegable en la parte superior de la lista y seleccionar «Ordenar por tamaño de archivo». Ahora tiene una lista de los archivos que le están quitando la vida a su sitio en orden de succión (a falta de una palabra más apropiada):
Al ordenar la lista, puede encontrar que algunas solicitudes son completamente redundantes. También puede encontrar que se están realizando solicitudes que simplemente no valen la carga que ponen en su sitio. El cielo ahora es realmente el límite cuando se trata de adaptar su sitio a una forma más elegante.
Con esta nueva información, puede comenzar a eliminar y optimizar archivos que son más problemáticos de los que valen la pena.
Tocando los cambios
Sobre la base de que ya ha realizado las mejoras básicas a la velocidad del sitio mencionadas anteriormente, tenemos que arremangarnos y ensuciarnos un poco más.
Limpia tus complementos
Mi primera recomendación sería revisar sus complementos. Si ha estado ejecutando su sitio durante un tiempo, seguramente encontrará que hay complementos instalados en su sitio que ya ni siquiera está usando. Alternativamente y / o adicionalmente, puede encontrar los complementos que hacer el uso apenas valen la pena.
Aunque sería el primero en decir que la cantidad de complementos que ha instalado en su sitio no es el factor principal (es la carga que esos complementos colocan en su sitio lo que importa), es justo decir que cuantos menos complementos tenga instalado, es más probable que sea víctima de un proceso de uso intensivo de recursos.
Le recomendaría que instale y active Plugin Performance Profiler. Esta pequeña belleza escaneará varias páginas en su sitio y proporcionará una estimación del efecto de cada complemento en su velocidad de carga general. Así es como se veía mi informe:
Le recomiendo que ejecute 3-4 informes para obtener una mejor imagen general del rendimiento, ya que los resultados pueden variar. Realmente no estamos buscando números precisos aquí, más una indicación clara de cualquier complemento que esté demostrando ser una gran pérdida de recursos.
El siguiente paso lógico es tomar una decisión sobre si puede justificar la desinstalación de alguno de sus complementos. En última instancia, debe ser una decisión basada en su deseo de ofrecer una experiencia de usuario de calidad: los beneficios introducidos por los complementos deben superar el tiempo de carga adicional.
Limpia tus ajustes de código manuales
Si ha realizado algún cambio manual en los archivos PHP de su tema, espero que lo haya hecho con un tema hijo; de lo contrario, este proceso será potencialmente un dolor de cabeza. Si no es así, su primer paso debería ser crear un tema hijo y mover todos sus archivos de temas personalizados a él.
Suponiendo que tiene un tema hijo (de una forma u otra), su tarea ahora es revisar cada archivo en la carpeta de su tema y verificar que no contenga código redundante. Esto es lo que encontré dentro de mis archivos:
- Referencias a fuentes de Google que ya no uso (de hecho, nunca las usé, solo estaba jugando con ellas).
- Un fragmento de código para algunos botones para compartir en redes sociales en una página de mi blog que se estaba cargando en cada página.
- Algún código para un «me gusta» de Facebook que estaba consumiendo muchos más recursos de los que justificaba.
- Algunas funciones personalizadas en mi archivo functions.php que ya no se usaban.
En algunos casos, puede eliminar estos elementos sin efectos secundarios negativos. En otros casos, es posible que desee mantener cualquier funcionalidad que hayan introducido sus ajustes. Si son particularmente intensivos en recursos, le recomendaría que investigue carga asincrónica lo que garantiza que los scripts potencialmente codiciosos no impidan que se cargue el resto de la página.
Optimiza tus imágenes
Hay imágenes que se cargan en cada página de su sitio, como las de su barra lateral y su logotipo. Vale la pena asegurarse de que sean lo más pequeños posible, ya que su tamaño combinado puede ser bastante considerable.
El proceso de optimización debe dividirse en dos etapas:
- Optimización con pérdida: con el software de edición de gráficos que elija, guarde su archivo con la mayor cantidad de optimización con pérdida que pueda soportar (aplicable solo a jpeg). Descubrí que guardar una imagen con un 70-80% de optimización es un buen punto ideal.
- Optimización sin pérdidas: ejecute sus imágenes a través de un complemento como Compresión de imagen Smush de modo que se comprimen aún más sin pérdida de calidad de imagen.
La optimización de sus imágenes puede marcar una gran diferencia sin ningún impacto perceptible en la experiencia del usuario, por lo que es un poco obvio.
Pasos adicionales
Debería poder reducir drásticamente la velocidad de carga con las medidas anteriores, pero, por supuesto, puede ir aún más lejos.
Por ejemplo, el alojamiento y la entrega de contenido pueden marcar una gran diferencia en los tiempos de carga. Un sitio web alojado en un servidor compartido nunca se completará con uno alojado en un servidor dedicado asociado con una red CDN. Nuestro propio AJ Clarke recomienda el CloudFlare comunidad para aumentar la velocidad de carga y aumentar la seguridad.
No está dentro del alcance de esta publicación detallar los pros y los contras de los diferentes proveedores de alojamiento, por lo que le aconsejo que comience por hacer los ajustes recomendados en esta publicación. Si tiene hambre de más, comuníquese con su proveedor de alojamiento y solicite su consejo sobre cómo mejorar su paquete de alojamiento y / o incorporar CDN.
Si tiene alguna pregunta, ¡dispare en la sección de comentarios a continuación!